html, body { height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1 }
body { font-family: -apple-system, BlinkMacSystemFont, Neue Haas Grotesk Text Pro, Arial Nova, Open Sans, Segoe UI, Helvetica Neue, Microsoft YaHei, Microsoft JhengHei, Hiragino Sans GB, WenQuanYi Micro Hei, STXihei, STHeiti;
    -ms-overflow-style: scrollbar;
    background-color: #f5f5f5;
    overflow-x: hidden;
    color: #797979;
}
a, label, .pointer { cursor: pointer }
a[disabled] { text-decoration: none; color: grey }
input::-moz-focus-inner { border: 0 }
::-webkit-scrollbar { width: 10px; height: 10px }
::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, .2); border-radius: 20px 20px 20px 20px }
::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, .1) }
.app::after,
.app-wrapper::after,
.app-content::after,
.app-header .navbar-collapse::after,
.app-header .navbar-header::after,
.timeline .timeline-heading::after,
.timeline .timeline-panel::after,
.timeline .timeline-panel > .timeline-content::after { content: ''; display: table; clear: both }
/* BOOTSTRAP OVERRIDE */
.card, .panel { border: 1px solid #e5e5e5; background: #fff; margin-bottom: .75rem; position: relative }
.panel .panel-body { padding: 1.25rem }
.dropdown-menu { transform: scale(.85); transition: all .25s ease-out; will-change: transform, opacity; opacity: 0; visibility: hidden; display: block; border: none; border-radius: .125rem; box-shadow: 0 0 15px rgba(0, 0, 0, .15), 0 0 1px 1px rgba(0, 0, 0, .1); pointer-events: none }
.open > .dropdown-menu { opacity: 1; visibility: visible; transform: scale(1); transition: all .25s cubic-bezier(.5, 1.8, 1, .8); pointer-events: auto }
.dropup .dropdown-toggle::after { margin-top: -4px }
.dropdown-menu.pull-right { left: auto; right: 0; transform-origin: top right }
.dropdown-item { padding: 3px 15px }
.custom-control-indicator { top: .2rem }
/* TEXT HELPERS */
.text-no-dec { text-decoration: none !important }
.text-underline { text-decoration: underline }
.text-line-through { text-decoration: line-through }
.text-md { font-size: .875rem }
.text-xs { font-size: .8125rem }
.text-lg { font-size: 1.125rem !important }
.text-2x { font-size: 2em !important }
.text-muted { color: inherit; opacity: .555 }
.font-size-large { font-size: large !important }
.font-thin { font-weight: 300 !important }
.text-truncate { display: inline-block }
/* BORDER RADIUS HELPERS */
.rad-0 { border-radius: 0 0 0 0 !important }
.rad-3 { border-radius: 3px 3px 3px 3px !important }
.rad-15 { border-radius: 15px 15px 15px 15px !important }
.rad-30 { border-radius: 30px 30px 30px 30px !important }
/* NO BORDER */
.nb { border: none transparent !important }
.nb-t { border-top: none !important }
.nb-r { border-right: none !important }
.nb-l { border-left: none !important }
.nb-b { border-bottom: none !important }
/* BORDER STYLE */
.b-panel { border: 1px solid #d9d9d9 }
.b-solid { border-style: solid }
.b-dashed { border-style: dashed }
.b-dotted { border-style: dotted }
/* BORDER WIDTH */
.b-1px { border-width: 1px }
.b-2px { border-width: 2px }
.b-3px { border-width: 3px }
.b-4px { border-width: 4px }
.b-5px { border-width: 5px }
.b-lt { border-color: #ddd }
.b-primary { border-color: #007aff !important }
.b-success { border-color: #73dd4d !important }
.b-info { border-color: #34b5f7 !important }
.b-warning { border-color: #fec07e !important }
.b-danger { border-color: #fc5888 !important }
.b-white-dk { border-color: #fcfcfc !important }
.b-white { border-color: #fff !important }
.b-blue { border-color: #007aff !important }
.b-grey { border-color: #ccc !important }
.b-eee { border-color: #eee !important }
/* BOX SEPARATORS */
.b-l { border: 1px solid #e6e6e6 !important }
.b-r-l { border-right: 1px solid #e6e6e6 !important }
.b-l-l { border-left: 1px solid #e6e6e6 !important }
.b-t-l { border-top: 1px solid #e6e6e6 !important }
.b-b-l { border-bottom: 1px solid #e6e6e6 !important }
/* BORDER SEPARATORS */
@media (max-width: 33.9em) {
    .border-xs-sep-b { border-bottom: 1px solid #c1c1c1 !important }
}
@-webkit-keyframes button-spin {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes button-spin {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
/* MARGIN HELPERS */
.m-10 { margin: .625rem !important }
.mt-10 { margin-top: .625rem !important }
.mb-10 { margin-bottom: .625rem !important }
.mr-10 { margin-right: .625rem !important }
.ml-10 { margin-left: .625rem !important }
.my-10 { margin-top: .625rem !important; margin-bottom: .625rem !important }
.mx-10 { margin-left: .625rem !important; margin-right: .625rem !important }
.m-20 { margin: 1.25rem !important }
.mt-20 { margin-top: 1.25rem !important }
.mb-20 { margin-bottom: 1.25rem !important }
.mr-20 { margin-right: 1.25rem !important }
.ml-20 { margin-left: 1.25rem !important }
.my-20 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important }
.mx-20 { margin-left: 1.25rem !important; margin-right: 1.25rem !important }
.mt-n-lg { margin-top: -3.125rem !important }
/* PADDING HELPERS */
.p-20 { padding: 1.25rem !important }
.pt-20 { padding-top: 1.25rem !important }
.pb-20 { padding-bottom: 1.25rem !important }
.pr-20 { padding-right: 1.25rem !important }
.pl-20 { padding-left: 1.25rem !important }
.py-20 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important }
.px-20 { padding-left: 1.25rem !important; padding-right: 1.25rem !important }
/* BG COLORS */
.no-bg { background-color: transparent }
.bg-app { background-color: #f5f5f5 }
.bg-light { background-color: #f1f2f3 !important }
.bg-light.lt { background-color: #f9fafa !important }
.bg-light.dk { background-color: #d6d9db !important }
.bg-dark { background-color: #202a3a !important }
.bg-dark.lt { background-color: #445a7c !important }
.bg-dark.dk { background-color: #171e2a !important }
.bg-black { background-color: #282836 !important }
.bg-black.lt { background-color: #3b4e6b !important }
.bg-black.dk { background-color: #050609 !important }
.bg-grey2 { background-color: #252525 !important }
.bg-grey2.lt { background-color: #4b4b4b !important }
.bg-grey2.dk { background-color: #1c1c1c !important }
.bg-purple { background-color: #6D59B0 !important }
.bg-purple.lt { background-color: #7A60CD !important }
.bg-purple.dk { background-color: #564591 !important }
.bg-yellow { background-color: #f9d975 !important }
.bg-yellow.lt { background-color: #fce977 !important }
.bg-yellow.dk { background-color: #f7cc44 !important }
.bg-blurred { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px) }
.bg-nicegradient {
    background: #490e6f;
    background: -moz-linear-gradient(bottom, rgba(73, 14, 111, .6) 0, rgba(73, 14, 111, .6) 10%, rgba(253, 66, 57, .6) 90%, rgba(253, 66, 57, .6) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(73, 14, 111, .6)), color-stop(10%, rgba(73, 14, 111, .6)), color-stop(90%, rgba(253, 66, 57, .6)), color-stop(100%, rgba(253, 66, 57, .6)));
    background: -webkit-linear-gradient(bottom, rgba(73, 14, 111, .6) 0, rgba(73, 14, 111, .6) 10%, rgba(253, 66, 57, .6) 90%, rgba(253, 66, 57, .6) 100%);
    background: -o-linear-gradient(bottom, rgba(73, 14, 111, .6) 0, rgba(73, 14, 111, .6) 10%, rgba(253, 66, 57, .6) 90%, rgba(253, 66, 57, .6) 100%);
    background: -ms-linear-gradient(bottom, rgba(73, 14, 111, .6) 0, rgba(73, 14, 111, .6) 10%, rgba(253, 66, 57, .6) 90%, rgba(253, 66, 57, .6) 100%);
    background: linear-gradient(bottom, rgba(73, 14, 111, .6) 0, rgba(73, 14, 111, .6) 10%, rgba(253, 66, 57, .6) 90%, rgba(253, 66, 57, .6) 100%) }
.bg-nicegradient2 { background: #d6db75; /* Old browsers */
    background: -moz-linear-gradient(top, #d6db75 0%, #dbb876 33%, #da7764 66%, #d66658 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6db75), color-stop(33%, #dbb876), color-stop(66%, #da7764), color-stop(100%, #d66658)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6db75 0%, #dbb876 33%, #da7764 66%, #d66658 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6db75 0%, #dbb876 33%, #da7764 66%, #d66658 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6db75 0%, #dbb876 33%, #da7764 66%, #d66658 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6db75 0%, #dbb876 33%, #da7764 66%, #d66658 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6db75', endColorstr='#d66658', GradientType=0);
}
.bg-nicegradient3 { background: #00e0b4; /* Old browsers */
    background: -moz-linear-gradient(top, #00e0b4 0%, #00d4c1 33%, #00c6d2 66%, #00b7e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00e0b4), color-stop(33%, #00d4c1), color-stop(66%, #00c6d2), color-stop(100%, #00b7e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00e0b4 0%, #00d4c1 33%, #00c6d2 66%, #00b7e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00e0b4 0%, #00d4c1 33%, #00c6d2 66%, #00b7e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00e0b4 0%, #00d4c1 33%, #00c6d2 66%, #00b7e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00e0b4 0%, #00d4c1 33%, #00c6d2 66%, #00b7e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e0b4', endColorstr='#00b7e4', GradientType=0);
}
.bg-grey { background: #d6d6d6; /* Old browsers */
    background: -moz-linear-gradient(left, #d6d6d6 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d6d6d6), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d6d6d6 0%, #dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d6d6d6 0%, #dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #d6d6d6 0%, #dddddd 100%); /* IE10+ */
    background: linear-gradient(to right, #d6d6d6 0%, #dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#dddddd', GradientType=1);
}
.bg-grey-lt { background-color: #eee }
.bg-grey-lt-lt { background-color: #fcfcfc }
.bg-red { background-color: #e57368 !important }
.bg-orange { background-color: #facf2a !important }
.bg-lightblue { background-color: #52e8ff !important }
.bg-darkblue { background-color: #74c4d6 !important }
.bg-green { background-color: #c1e089 !important }
.bg-light-green { background-color: #c9e39c !important }
.text-def { color: #797979 }
.text-light { color: #bbb }
.bg-blue { background-color: #007aff !important }
.bg-blue-green { background-color: #7bdcd5 !important }
.bg-yellowish { background-color: #ebeedd !important }
.bg-grey-stripes { background: #f2f2f2 linear-gradient(90deg, transparent 10%, white 10%); background-size: 10px 10px }
.bg-reddish { background-color: #fe9375 !important }
.text-blue { color: #007aff }
.border-blue { border: 1px solid #007aff }
.border-pink { border: 1px solid #fd507e !important }
.text-green { color: #9bdd51 }
.bg-facebook { background-color: #335397 !important }
.text-facebook { color: #335397 !important }
.bg-twitter { background-color: #00c7f7 !important }
.text-twitter { color: #00c7f7 !important }
.bg-googleplus { background-color: #312f30 !important }
.text-googleplus { color: #312f30 !important }
.bg-dribbble { background-color: #ea4c89 !important }
.bg-linkedin { background-color: #0274b3 !important }
.bg-white { background-color: #fff !important }
.bg-white-o { background-color: rgba(255, 255, 255, .85) }
.bg-white-tr { background-color: rgba(255, 255, 255, .9) }
.bg-whitesmoke { background-color: #f0eff4 }
.bg-pink { background-color: #fd507e !important }
.bg-light-tr { background-color: rgba(241, 242, 243, .3) }
.bg-lightgrey { background-color: #f4f4f4 !important }
.bg-grey-opacity { background: rgba(0, 0, 0, .4) }
.bg-overlayer-dark { background: linear-gradient(rgba(34, 34, 34, .5), rgba(34, 34, 34, .7)) }
.bg-overlayer-dark-lt { background: rgba(34, 34, 34, .3) }
.bg-overlayer-light { background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .7)) }
.bg-dotted, .drag { background-image: url(../img/dotted.png) }
.circle, .btn-rounded { border-radius: 50px }
.separeted-links > a { display: inline-block; line-height: 20px; margin-right: 3px; padding-right: 3px; border-right: 1px solid #ccc }
.article p { line-height: 1.9 }
.lh-2x { line-height: 2em }
.swipe-left { -webkit-transform: translate3d(-200px, 0px, 0px); transform: translate3d(-200px, 0px, 0px) }
.w-40 { width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center }
.w-auto { width: auto !important; min-width: auto !important }
.w-350 { width: 350px !important }
.w-250 { width: 250px !important }
.w-150 { width: 150px !important }
.w-100p { width: 100% }
.thumb-xxl { max-height: 16rem; display: inline-block }
.thumb-xl { max-height: 12.5rem; display: inline-block }
.thumb-lg { max-height: 6.25rem; display: inline-block }
.thumb-md { max-height: 4rem; display: inline-block }
.thumb { max-height: 3.125rem; display: inline-block }
.thumb-sm { max-height: 2.5rem; display: inline-block }
.thumb-xs { max-height: 2.125rem; display: inline-block }
.thumb-xxs { max-height: 1.875rem; display: inline-block }
.container-content-boxed { max-width: 1100px; margin: auto }
.gradient-dark-shadow { transition: all .3s ease-in-out; background-image: linear-gradient(to top, #333 0, rgba(0, 0, 0, .001) 70%) }
.center-container { height: 100%; width: 100%; display: table }
.center-container .centered { display: table-cell; vertical-align: middle; text-align: center }
/* display */
.absolute { position: absolute !important }
.relative { position: relative !important }
.static { position: static !important }
.fixed { position: fixed !important }
.flex { display: flex }
.hide { display: none }
.block { display: block }
.inline-flex { display: inline-flex }
.inline-block { display: inline-block }
.flex-column { display: flex; flex-direction: column }
.flex-nowrap { flex-wrap: nowrap }
.align-items-start { align-items: flex-start }
.align-items-center { align-items: center }
.align-content-end { align-content: flex-end }
.align-content-center { align-content: center }
.justify-content-space-around { justify-content: space-around }
.justify-content-center { justify-content: center }
.justify-content-space-between { justify-content: space-between }
.grow { flex-grow: 1 }
.wrap { flex-wrap: wrap; white-space: pre-wrap  }
.nowrap { flex-wrap: nowrap; white-space: nowrap }
.hide { display: none }
.hidden, [hidden] { display: none !important }
.v-hidden { visibility: hidden }
.v-top { vertical-align: top }
.v-middle { vertical-align: middle }
.v-bottom { vertical-align: bottom }
.v-text-bottom { vertical-align: text-bottom }
.v-middle-i { vertical-align: middle !important }
.overflow-x-hidden, .oxh { overflow-x: hidden }
.overflow-hidden, .oh { overflow: hidden }
.animated-fast { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@media (min-width: 34em) {
    .col-100 { width: 100px }
    .col-200 { width: 200px }
    .col-100p { width: 100% }
    .col-350 { width: 350px }
    .col-250 { width: 250px }
}
@media (min-width: 34em) {
    .layout-fixed { display: table; table-layout: fixed; border-spacing: 0; width: 100%; height: 100%; margin: 0 }
    .layout-fixed .column { display: table-cell; vertical-align: top; height: 100%; float: none; padding: 0 }
}
@media (min-width: 34em) {
    .table-display { display: table; border-spacing: 0; position: relative; width: 100%; height: 100% }
    .table-display .table-row { display: table-row; height: 100% }
    .table-display .table-cell { display: table-cell; position: relative; height: 100%; width: 100%; -webkit-overflow-scrolling: touch; overflow-y: hidden }
    .table-display .table-cell:hover { overflow: visible !important; overflow-y: auto !important }
}
.line-separator { height: 1px; border-bottom: 1px solid #eee; margin: 15px 0 }
.line-separator.line-xs { margin: 5px 0 }
.line-separator.line-sm { margin: 10px 0 }
.line-separator.line-lg { margin: 20px 0 }
.wrapper { padding: .9375rem; position: relative }
.wrapper.item { padding: 0 }
.item-wrapper, .item > .wrapper { position: absolute; padding: 0 }
.item-wrapper.top, .item > .top.wrapper { top: 0 }
.item-wrapper.bottom, .item > .bottom.wrapper { bottom: 0 }
.item-wrapper.left, .item > .left.wrapper { left: 0 }
.item-wrapper.right, .item > .right.wrapper { right: 0 }
.item { position: relative }
.row-fix { margin-left: -.9375rem; margin-right: -.9375rem }
.row-fix::after, .row-alt::after { display: table; clear: both; content: '' }
.sep { display: block; height: 1px; overflow: hidden; font-size: 0; margin-top: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #dee5e7 }
.sep.sep-dashed { border-bottom: 1px dashed #dee5e7 }
.row-gap-1 { margin: 0 -.0625rem }
.row-gap-1 > [class^="col-"] { padding-left: .0625rem; padding-right: .0625rem; line-height: 1 }
.row-gap-5 { margin: 0 -.3125rem }
.row-gap-5 > [class^="col-"] { padding-left: .3125rem; padding-right: .3125rem }
.row-gap-10 { margin: 0 -.625rem }
.row-gap-10 > [class^="col-"] { padding-left: .625rem; padding-right: .625rem }
.no-shadow { box-shadow: none !important }
.shadow-lt { box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important }
.shadow-lt-alt { box-shadow: 0 0 9px rgba(191, 191, 191, .36) }
/* LINE BUTTONS */
.btn-white.btn-line { color: #fff; background-color: #fff; border-color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) }
.btn-white.btn-line:hover { color: #fff; background-color: #e6e6e6; border-color: #e0e0e0 }
.btn-white.btn-line:focus, .btn-white.btn-line.focus { color: #fff; background-color: #e6e6e6; border-color: #e0e0e0 }
.btn-white.btn-line:active, .btn-white.btn-line.active, .open > .btn-white.btn-line.dropdown-toggle { color: #fff; border-color: #e0e0e0; background: #e6e6e6 none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) }
.btn-white.btn-line:active:hover, .btn-white.btn-line:active:focus, .btn-white.btn-line:active.focus, .btn-white.btn-line.active:hover, .btn-white.btn-line.active:focus, .btn-white.btn-line.active.focus, .open > .btn-white.btn-line.dropdown-toggle:hover, .open > .btn-white.btn-line.dropdown-toggle:focus, .open > .btn-white.btn-line.dropdown-toggle.focus { color: #fff; background-color: #d4d4d4; border-color: #bfbfbf }
.btn-white.btn-line.disabled:focus, .btn-white.btn-line.disabled.focus, .btn-white.btn-line:disabled:focus, .btn-white.btn-line:disabled.focus { background-color: #fff; border-color: #fff }
.btn-white.btn-line.disabled:hover, .btn-white.btn-line:disabled:hover { background-color: #fff; border-color: #fff }
.btn-white.btn-line:hover { color: #fff; background-color: #fff; border-color: #fff }
.btn-white.btn-line:active, .btn-white.btn-line:focus, .btn-white.btn-line.active, .btn-white.btn-line:hover { color: #58666e !important; background-color: #fff !important; border-color: #fff !important }
.btn-black { color: #000; background-color: #000; border-color: #000; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) }
.btn-black:hover { color: #000; background-color: black; border-color: black }
.btn-black:focus, .btn-black.focus { color: #000; background-color: black; border-color: black }
.btn-black:active, .btn-black.active, .open > .btn-black.dropdown-toggle { color: #000; border-color: black; background: black none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) }
.btn-black:active:hover, .btn-black:active:focus, .btn-black:active.focus, .btn-black.active:hover, .btn-black.active:focus, .btn-black.active.focus, .open > .btn-black.dropdown-toggle:hover, .open > .btn-black.dropdown-toggle:focus, .open > .btn-black.dropdown-toggle.focus { color: #000; background-color: black; border-color: black }
.btn-black.disabled:focus, .btn-black.disabled.focus, .btn-black:disabled:focus, .btn-black:disabled.focus { background-color: #000; border-color: #000 }
.btn-black.disabled:hover, .btn-black:disabled:hover { background-color: #000; border-color: #000 }
.btn-black.btn-line:hover { color: #000; background-color: #000; border-color: #000 }
.btn-black.btn-line:active, .btn-black.btn-line:focus, .btn-black.btn-line.active, .btn-black.btn-line:hover { color: #fff !important; background-color: #000 !important; border-color: #000 !important }
.btn-rounded.btn-lg, .btn-group-lg > .btn-rounded.btn { padding-right: 1.5625rem !important; padding-left: 1.5625rem !important }
.btn:focus, button:focus { outline: none !important; outline: 0 }
.btn:active, .btn.active, button:active, button.active { outline: none !important; outline: 0 }
.btn:active, .btn.active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125) }
.btn-text { font-size: 16px; color: #007aff }
.btn-text:hover, .btn-text:focus { color: #007aff }
.btn-block { display: block; width: 100% }
.btn-icon { padding: 0 !important; text-align: center; width: 34px; height: 34px }
.btn-icon i { position: relative; top: -1px; line-height: 34px }
.btn-icon.btn-xs { width: 30px; height: 30px }
.btn-icon.btn-xs i { top: -1px; line-height: 30px }
.btn > i.pull-left, .btn > i.pull-right { line-height: 1.42857143 }
.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px }
.btn.loading { position: relative; cursor: default; text-shadow: none !important; color: transparent !important; opacity: 1; pointer-events: auto; -webkit-transition: all 0s linear, opacity .1s ease; transition: all 0s linear, opacity .1s ease }
.btn.loading:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: .2em solid rgba(0, 0, 0, .15) }
.btn.loading:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: button-spin .6s linear infinite; animation: button-spin .6s linear infinite; box-shadow: 0 0 0 1px transparent; border: .2em solid transparent; border-top-color: #FFF; border-radius: 500rem }
.btn-primary.btn-line { color: #0275d8; background: transparent none }
.btn-primary.btn-line:focus, .btn-primary.btn-line.focus, .btn-primary.btn-line:active, .btn-primary.btn-line.active, .open > .dropdown-toggle.btn-primary.btn-line { color: #fff; background-color: #0275d8 }
.btn-primary.btn-line:hover { color: #fff; background-color: #0275d8 }
.btn-primary.btn-line:disabled:focus, .btn-primary.btn-line.disabled.focus, .btn-primary.btn-line:disabled.focus, .btn-primary.btn-line.disabled:focus { border-color: #66afff }
.btn-primary.btn-line:disabled:hover, .btn-primary.btn-line.disabled:hover { border-color: #66afff }
.btn-secondary.btn-line { color: #ccc; background: transparent none }
.btn-secondary.btn-line:focus, .btn-secondary.btn-line.focus, .btn-secondary.btn-line:active, .btn-secondary.btn-line.active, .open > .dropdown-toggle.btn-secondary.btn-line { color: #fff; background-color: #ccc }
.btn-secondary.btn-line:hover { color: #fff; background-color: #ccc }
.btn-secondary.btn-line.disabled:focus, .btn-secondary.btn-line:disabled:focus, .btn-secondary.btn-line.disabled.focus, .btn-secondary.btn-line:disabled.focus { border-color: white }
.btn-secondary.btn-line:disabled:hover, .btn-secondary.btn-line.disabled:hover { border-color: white }
.btn-info.btn-line { color: #5bc0de; background: transparent none }
.btn-info.btn-line:focus, .btn-info.btn-line.focus, .btn-info.btn-line:active, .btn-info.btn-line.active, .open > .dropdown-toggle.btn-info.btn-line { color: #fff; background-color: #5bc0de }
.btn-info.btn-line:hover { color: #fff; background-color: #5bc0de }
.btn-info.btn-line.disabled:focus, .btn-info.btn-line.disabled.focus, .btn-info.btn-line:disabled:focus, .btn-info.btn-line:disabled.focus { border-color: #bee9fd }
.btn-info.btn-line.disabled:hover, .btn-info.btn-line:disabled:hover { border-color: #bee9fd }
.btn-success.btn-line { color: #5cb85c; background: transparent none }
.btn-success.btn-line:focus, .btn-success.btn-line.focus, .btn-success.btn-line:active, .btn-success.btn-line.active, .open > .dropdown-toggle.btn-success.btn-line { color: #fff; background-color: #5cb85c }
.btn-success.btn-line:hover { color: #fff; background-color: #5cb85c }
.btn-success.btn-line.disabled:focus, .btn-success.btn-line.disabled.focus, .btn-success.btn-line:disabled:focus, .btn-success.btn-line:disabled.focus { border-color: #a0ebad }
.btn-success.btn-line.disabled:hover, .btn-success.btn-line:disabled:hover { border-color: #a0ebad }
.btn-warning.btn-line { color: #f0ad4e; background: transparent none }
.btn-warning.btn-line:focus, .focus.btn-warning.btn-line, .btn-warning.btn-line:active, .active.btn-warning.btn-line, .open > .dropdown-toggle.btn-warning.btn-line { color: #fff; background-color: #f0ad4e }
.btn-warning.btn-line:hover { color: #fff; background-color: #f0ad4e }
.btn-warning.btn-line.disabled:focus, .btn-warning.btn-line.disabled.focus, .btn-warning.btn-line:disabled:focus, .btn-warning.btn-line:disabled.focus { border-color: #ffe066 }
.btn-warning.btn-line.disabled:hover, .btn-warning.btn-line:disabled:hover { border-color: #ffe066 }
.btn-danger.btn-line { color: #d9534f; background: transparent none }
.btn-danger.btn-line:focus, .focus.btn-danger.btn-line, .btn-danger.btn-line:active, .active.btn-danger.btn-line, .open > .dropdown-toggle.btn-danger.btn-line { color: #fff; background-color: #d9534f }
.btn-danger.btn-line:hover { color: #fff; background-color: #d9534f }
.btn-danger.btn-line.disabled:focus, .btn-danger.btn-line.disabled.focus, .btn-danger.btn-line:disabled:focus, .btn-danger.btn-line:disabled.focus { border-color: #ff93a8 }
.btn-danger.btn-line.disabled:hover, .btn-danger.btn-line:disabled:hover { border-color: #ff93a8 }
.btn-link { font-weight: normal; color: #0275d8; border-radius: 0 }
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; box-shadow: none }
.btn-link, .btn-link:focus, .btn-link:active { border-color: transparent }
.btn-link:hover { border-color: transparent }
.btn-link:focus, .btn-link:hover { color: #0055b3; text-decoration: underline; background-color: transparent }
.btn-link:disabled:focus, .btn-link:disabled:hover { color: #818a91; text-decoration: none }
@media (min-width: 75em) and (min-width: 48em) and (min-width: 34em) {
    .r-sm-table { display: table; width: 100% }
    .col-sm-cell, .c-sm-cell { display: table-cell; float: none; vertical-align: middle }
}
.easy-chart { position: relative; text-align: center; margin: 0 auto }
.easy-chart canvas { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center }
table.table-no-bordered tr td { border: none !important }
table.th-nb thead tr th { border: none !important }
table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important }
table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center }
table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap }
div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap }
div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block }
div.dataTables_wrapper div.dataTables_filter { text-align: right }
div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left }
div.dataTables_wrapper div.dataTables_filter input { margin-left: .5em; display: inline-block; width: auto }
div.dataTables_wrapper div.dataTables_info { padding-top: 8px; white-space: nowrap }
div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right }
div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap }
div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0 }
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting { padding-right: 30px }
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active { outline: none }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; top: 12px; right: 8px; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: .8 }
table.dataTable thead .sorting:after { opacity: .5; content: "\f0dc" }
table.dataTable thead .sorting_asc:after { content: "\f0de" }
table.dataTable thead .sorting_desc:after { content: "\f0dd" }
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee }
div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important }
div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important }
div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none }
div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none }
div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none }
.pagination-info { line-height: 1.98625 }
@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center }
}
table.dataTable.table-condensed > thead > tr > th { padding-right: 20px }
table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px }
table.table-bordered.dataTable { border-collapse: separate !important }
table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0 }
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0 }
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0 }
div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0 }
div.table-responsive > div.dataTables_wrapper > div.row { margin: 0 }
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left: 0 }
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0 }
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate { padding: 10px 10px 0 10px }
.datepicker table, .datepicker-inline, .datepicker-days { width: 100% !important }
.note-editor.note-frame { border: 1px solid #ededed !important }
.note-editor .dropdown-toggle:after { display: none }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% !important }
.asSpinner { position: relative; display: inline-block; height: 40px; outline: 0; uesr-select: none }
.asSpinner > * { vertical-align: middle }
.asSpinner-control { position: relative; display: inline-block; width: 40px; height: 100% }
.asSpinner-control:after { position: absolute; top: 50%; width: 100%; height: 2px; margin-top: -1px; content: ''; background-color: transparent }
.asSpinner > input[type=text] { display: inline-block; width: 170px; height: 100%; margin: 0; border: 1px solid #e4eaec; border-radius: 3px 0 0 3px; -webkit-box-shadow: none; box-shadow: none }
.asSpinner > input[type=text]:hover { border-color: #e4eaec }
.asSpinner > input[type=text]:focus { border-color: #62a8ea; -webkit-box-shadow: none; box-shadow: none }
.asSpinner-down, .asSpinner-up { position: relative; display: block; height: 50%; font-family: "Web Icons"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; color: #a3afb7; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.asSpinner-up { background-color: #f3f7f9; border-top: 1px solid #e4eaec; border-right: 1px solid #e4eaec; border-radius: 0 3px 0 0 }
.asSpinner-up:before { content: "\f190" }
.asSpinner-down { background-color: #f3f7f9; border-right: 1px solid #e4eaec; border-bottom: 1px solid #e4eaec; border-radius: 0 0 3px 0 }
.asSpinner-down:before { content: "\f18f" }
.asSpinner:hover input { color: #76838f }
.asSpinner:hover .asSpinner-down, .asSpinner:hover .asSpinner-up { background-color: #e4eaec }
.asSpinner_focus > input[type=text] { color: #76838f !important; border-color: #62a8ea !important }
.asSpinner_focus .asSpinner-down, .asSpinner_focus .asSpinner-up { color: #fff; background-color: #62a8ea !important; border-color: #62a8ea !important }
.asSpinner-down:active, .asSpinner-up:active { background-color: #4e97d9 !important }
.asSpinner_disabled input, .asSpinner_disabled:hover input { color: #76838f; background-color: #f3f7f9 }
.asSpinner_disabled input:focus, .asSpinner_disabled input:hover, .asSpinner_disabled:hover input:focus, .asSpinner_disabled:hover input:hover { border-color: #e4eaec }
.asSpinner_disabled .asSpinner-down, .asSpinner_disabled .asSpinner-up, .asSpinner_disabled:hover .asSpinner-down, .asSpinner_disabled:hover .asSpinner-up { background-color: #e1e6e8 !important }
.img-preview { float: left; margin: 0 10px 10px 0; overflow: hidden }
.img-preview > img { max-width: 100% }
.preview-lg { width: 263px; height: 148px }
.preview-md { width: 139px; height: 78px }
.preview-sm { width: 69px; height: 39px }
.preview-xs { width: 35px; height: 20px; margin-right: 0 }
.cropper-preview { overflow: hidden }
.cropper, .cropper-toolbar { margin-bottom: 30px }
@media (min-width: 1200px) {
    .cropper { max-height: 600px }
}
@media (min-width: 769px) {
    .cropper { max-height: 400px }
}
@media (max-width: 768px) {
    .cropper { max-height: 300px }
}
@media (max-width: 480px) {
    .cropper { max-height: 246px }
}
@media (max-width: 586px) {
    .btn-group .btn { padding: 6px 8px }
    .cropper { max-height: 246px }
}
.dd-list .dd-item button { height: 32px }
.dd-list .dd-handle { display: block; height: auto; margin: 5px 0; padding: 10px 10px; background-color: #fff }
.dd-list .dd3-content { height: auto; padding: 10px 10px 10px 40px }
.dd-list .dd-content .dd-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 40px; white-space: nowrap; overflow: hidden; border-top-right-radius: 0; border-bottom-right-radius: 0; color: #797979 }
#exampleCenter h3 { opacity: .5; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95) }
#exampleCenter .slick-center h3 { color: #f2a654; opacity: 1; -webkit-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) }
.list-group-item.node-selected { background-color: #007aff !important }
.tokenfield .token { border-radius: 20px; background-color: #e0e0e0; border: none; padding: 2px 5px; height: auto }
.slider .slider-horizontal { margin: 10px 0 }
.slider .slider-track { box-shadow: none; background: #a9acb1 }
.slider .slider-vertical { margin: 0 10px }
.slider .tooltip.top { margin-top: -30px !important }
.slider-handle.round { position: absolute; width: 20px; height: 20px; border: 1px solid #EFF2F7; background: #fff; cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4) }
.slider-default .slider-selection { background: #373a3c none }
.slider-primary .slider-selection { background: #007aff none }
.slider-success .slider-selection { background: #4cd964 none }
.slider-info .slider-selection { background: #5AC8FB none }
.slider-warning .slider-selection { background: #ffcc00 none }
.slider-danger .slider-selection { background: #ff2d55 none }
.slider-custom .slider-selection { background: #5fbeaa none }
.slider-pink .slider-selection { background: #E040FB none }
.slider-purple .slider-selection { background: #8E24AA none }
.slider-inverse .slider-selection { background: #80D8FF none }
.calendar .fc-toolbar { color: #797979; background-color: #cae8fb; border-radius: 3px 3px 0 0; padding: 10px; margin: 0; border: 1px solid #ddd; border-width: 1px 1px 0 1px }
.calendar .fc-toolbar .fc-prev-button, .calendar .fc-toolbar .fc-next-button { color: #fff; background: #007aff; border: 1px solid #cae8fb; box-shadow: none; text-shadow: none; margin: 0 }
.calendar .fc-toolbar .fc-today-button { color: #fff; text-shadow: none; background: #007aff; border: 1px solid #cae8fb }
.calendar .fc-toolbar .fc-prev-button { /*border-right:2px solid #cae8fb;*/ }
.calendar .fc-toolbar h2 { margin: 0; font-size: 18px; font-weight: 400; line-height: 29px; text-transform: uppercase }
.task-list-section.completed { background-color: #eee; padding-bottom: 8px }
.task-list-name { padding: 8px 10px 0 18px; font-weight: bold; font-size: 16px }
.task-list-name > button, .task-list-name > a { font-size: 16px; margin-right: 0 }
.task-list-name:hover { cursor: default }
.task-list-name:hover > button, .task-list-name:hover > a { display: inline-block }
.task-list-name.solved { color: #ccc }
.task-add { padding: 0 10px 0 10px }
.task-add-form { border-top: 1px solid #797979; border-bottom: 1px solid #797979 }
.task-add-form input { border: none; padding: 10px 10px 10px 20px; font-size: 14px; height: 40px }
@media (max-width: 33.9em) {
    .task-add-form input { font-size: 16px }
}
.task-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: #fff }
.task-list > li { position: relative }
.task-list > li > .task-controls { position: absolute; top: -1px; display: none; right: 0 }
.task-list > li > .task-controls > button { background-color: #fff; display: inline-block; padding: 10px; margin: 0; float: left; border: 1px solid #ccc; border-right: none }
.task-list > li > .control { position: absolute; left: 18px; top: 9px; padding: 0; margin: 0; background-color: transparent; border: none }
.task-list > li.important:after { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 40px; background-color: #ff9999 }
.task-list > li.important > .priority { color: #ff9999 }
.task-list > li.editing > .task-item:before { content: ''; position: absolute; top: -1px; left: -50px; right: 0; height: 1px; background-color: #797979 }
.task-list > li.editing > .task-item:after { content: ''; position: absolute; bottom: -1px; left: -50px; right: 0; height: 1px; background-color: #797979 }
.task-list > li > .task-item { margin-bottom: 0; position: relative; margin-left: 50px; border-bottom: 1px solid #eee }
.task-list > li > .task-item:hover { cursor: pointer }
.task-list > li > .task-item.solved > .task-detail { text-decoration: line-through; color: #ccc }
.task-list > li > .task-item.solved > .control { color: #ccc }
.task-list > li > .task-item > .task-detail { padding: 10px 10px 10px 0; font-size: 14px; display: inline-block }
.task-list > li > .task-item input { background-color: transparent; border: none; padding: 10px 10px 10px 0; font-size: .875rem; height: 2.5rem; box-shadow: none }
@media (max-width: 33.9em) {
    .task-list > li > .task-item input { font-size: 1rem }
}
.task-list > li > .task-item input.show { display: block }
.task-list > li > .task-item .settings > .btn, .task-list > li > .task-item .btn { margin: 0; background-color: transparent; padding: 0 }
.task-list > li > .task-item .settings { display: none; position: absolute; top: 0; right: 5px; padding: 7px 5px 10px 5px; height: 40px }
.task-list > li:last-child > .task-item { border-bottom: none }
.task-list > li:hover { background-color: #effbff }
.task-list > li:hover > .task-controls, .task-list > li:hover > .drag { display: block }
.task-list > li > .drag { position: absolute; cursor: move; top: 5px; left: 5px; width: 9px; bottom: 6px; display: none }
.task-list .task-item:hover .settings { display: inline-block }
.task-list.task-solved { background-color: transparent; color: #ccc }
.task-list.task-solved > li:hover { background-color: transparent }
.task-list.task-solved > li > .task-item:hover { cursor: default }
.task-list.task-placeholder { min-height: 40px; background-color: transparent; border: none; position: relative }
.task-list.task-placeholder:after { content: 'drop here'; color: #ccc; font-size: 10px; text-align: center; position: absolute; top: 5px; left: 5px; bottom: 5px; right: 5px; border: 1px dashed #ccc }
.document { position: relative; background: #fff; background: -webkit-linear-gradient(top, #f0f0f0 0%, white 5%) 0 0; background: -moz-linear-gradient(top, #f0f0f0 0%, white 5%) 0 0; background: linear-gradient(top, #f0f0f0 0%, white 5%) 0 0; -webkit-background-size: 100% 30px; -moz-background-size: 100% 30px; -ms-background-size: 100% 30px; background-size: 100% 30px; min-height: 100%; box-shadow: none }
.document:before { content: ''; position: absolute; width: 0; top: 0; left: 39px; bottom: 0; border-left: 1px solid #e4f2fc; z-index: 1 }
.document textarea, .document .form-control { border: none; background-color: transparent; height: 100%; padding: 15px 15px 0 40px; line-height: 30px; min-height: 210px; outline: 0; box-shadow: none }
.document .btn-group { margin-left: 0 }
.document .btn-group .btn { padding: 2px 7px; border-radius: 0 }
.document .ta-editor, .document .ta-bind { outline: 0 !important; box-shadow: none !important }
.document .ta-toolbar { padding: 5px; background-color: #fff; border-bottom: 1px solid #d9d9d9 !important; margin-left: 0 }
@media (max-width: 33.9em) {
    .document .ta-toolbar { position: relative }
}
.form-group label > .form-control, label.form-group > .form-control { margin-top: .5rem }
.form-control { border-radius: .125rem; border-color: #cfdadd }
.form-control.flat { border: none !important; border-radius: 0 }
.form-control:active, .form-control:focus { outline: 0 }
.form-control.rounded { border-radius: 500px }
.form-control-line { border: none; background-color: transparent !important; border-radius: 0 0 0 0; border-bottom: 1px solid #ccc; padding-left: 0; padding-right: 0 }
.form-control-line:focus { border-bottom: 1px solid #007aff }
.form-control.parsley-success { border-color: #27c24c }
.has-error .form-control, .form-control.parsley-error { border-color: #f05050 }
.form-group-alt { padding: 6px 10px 5px; border: 1px solid #cfdadd; position: relative; border-radius: 2px 2px 2px 2px }
.form-group-alt > label { position: relative; z-index: 1; color: #111 }
.form-group-alt > .form-control { margin-top: -6px; height: 30px; min-height: 30px; border: none !important; padding: 0; background-color: transparent !important; border-radius: 0 0 0 0; z-index: 1; position: relative }
.form-group-alt > .form-control + span:after { content: " "; background-color: transparent; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 0 }
.form-group-alt > .form-control.disabled + span:after, .form-group-alt > .form-control:disabled + span:after { background-color: #f1f1f1 }
.form-group-alt > .form-control:focus + span:after { background-color: rgba(0, 0, 0, .02) }
.form-group-alt > .form-control:focus.parsley-error + span:after { background-color: #f9fff9 !important }
.form-group-alt > .form-control.parsley-error + span:after { background-color: #fff9f9 }
.form-group-alt > .form-control.parsley-success + span:after { background-color: #f9fff9 }
.form-group-alt > select { margin-left: -4px }
.form-group-alt > textarea { margin-top: -4px !important }
.form-group-alt:hover { background-color: #fcfcfc }
.form-group-alt > .input-group { margin-top: -6px }
.form-group-alt > .input-group .form-control { margin-top: 0; height: 25px; min-height: 25px; border: none !important; padding: 0; background-color: transparent; border-radius: 0 0 0 0; z-index: 1; position: relative }
.form-group-alt > .input-group .input-group-addon { border: none }
.form-group-alt-attached { border-right: 1px solid #cfdadd }
.form-group-alt-attached > .row { margin: 0 }
.form-group-alt-attached > .row > div[class^="col-"] { padding: 0 }
.form-group-alt-attached > .row > div[class^="col-"] > .form-group-alt { margin-bottom: 0; border-radius: 0 0 0 0; border-bottom: none; border-right: none }
.form-group-alt-attached > .row:last-child > div[class^="col-"] > .form-group-alt { border-bottom: 1px solid #cfdadd }
.form-group-alt-attached .parsley-errors-list { position: absolute; top: 0; right: 0; margin-right: 6px }
.parsley-errors-list { list-style: none; margin: 0; padding: 0; text-align: left; color: #f05050 }
.wizard li:hover { color: #b4b4b4; cursor: no-drop }
.wizard li.active .wizard-step-number { background-color: #007aff; color: #fff }
.wizard li.active .wizard-step-text { color: #007aff }
.wizard li.active .wizard-step { position: relative }
.wizard li.active .wizard-step:after { position: absolute; right: 3px; color: #007aff; top: 1px; content: "\f105"; font-size: 2em; height: 20px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.wizard li.active:hover { cursor: default }
.wizard li.valid:hover { cursor: pointer }
.wizard li.valid .wizard-step-number { background-color: #4cd964; color: #fff }
.wizard li.valid .wizard-step-text { color: #4cd964 }
.wizard .wizard-step { position: relative; padding: 3px 0; font-size: 14px; color: #cbcbcb }
.wizard .wizard-step .wizard-step-number { position: absolute; width: 35px; text-align: center; top: -1px; left: 0; background-color: #f2f2f2; padding: 7px 10px; border-radius: 100px }
.wizard .wizard-step .wizard-step-text { margin-left: 45px; padding-top: 3px; font-size: 15px }
.md-form-group { padding: 18px 0 20px; position: relative }
.md-form-group.md-float-label .md-input ~ label { top: 20px; font-size: 1em }
.md-form-group.md-float-label .md-input:focus ~ label { color: #007aff; opacity: 1; top: 0 !important; font-size: .85em !important }
.md-input ~ label { -webkit-transition: all .2s; transition: all .2s; position: absolute; z-index: 0; opacity: .5; left: 0; display: inline-block }
.md-input.has-value ~ label { top: 0 !important; font-size: .85em !important }
.md-input ~ label { top: 0; font-size: .85em }
.md-input { background: 0 0; position: relative; z-index: 5; border: 0; box-shadow: none; border-radius: 0; border-bottom: 1px solid rgba(160, 160, 160, .5); width: 100%; height: 34px; padding: 2px; color: inherit }
.md-input:focus { border-color: #007aff; border-bottom-width: 2px; padding-bottom: 1px; outline: 0 }
.md-input[disabled] { opacity: .5; cursor: default }
.md-input.parsley-error { border-color: #ff2d55 }
.md-input.parsley-error:focus { border-color: #ff2d55 }
.md-input.parsley-success { border-color: #4cd964 }
.md-input.parsley-success:focus { border-color: #4cd964 }
.md-input.parsley-error ~ label { color: #ff2d55 !important }
.md-input.parsley-success ~ label { color: #4cd964 !important }
.md-check { cursor: pointer; padding-left: 1.25rem; margin: 0; position: relative; display: inline-block }
.md-check input { position: absolute; cursor: pointer; z-index: 1; opacity: 0; margin-left: -1.25rem }
.md-check input[disabled] + i:before { opacity: .5 }
.md-check input[type=radio] + i:before { border-radius: 50% }
.md-check input:checked + i:before { border-width: 0; background-color: inherit }
.md-check input:checked + i:after { transform: rotate(45deg); position: absolute; left: 6px; top: 2px; display: table; width: 6px; height: 12px; border: 2px solid; border-top: 0; border-left: 0; content: ' ' }
.md-check input[type=radio]:checked + i:after { position: absolute; left: 6px; top: 6px; display: table; width: 6px; height: 6px; background: #fff; border-radius: 50%; content: ' ' }
.md-check > i { width: 0; height: 18px; margin-left: -20px; margin-top: 3px; color: white; float: left; display: inline-block; position: relative; line-height: 1; vertical-align: middle }
.md-check > i:before { content: ""; position: absolute; width: 18px; height: 100%; border: 2px solid #9e9e9e; border-radius: 2px; -webkit-transition: all .2s; transition: all .2s }
.md-switch { cursor: pointer; padding-left: 36px; margin: 0; min-height: 20px; display: inline-block }
.md-switch i { width: 0; height: 18px; margin-left: -36px; margin-top: -2px; display: inline-block; margin-right: 44px; position: relative; line-height: 1; vertical-align: middle }
.md-switch i:before, .md-switch i:after { content: "" }
.md-switch i:before { left: 1px; width: 34px; top: 3px; height: 14px; border-radius: 8px; position: absolute; background-color: #9e9e9e; -webkit-transition: all .2s; transition: all .2s }
.md-switch i:after { position: absolute; margin: 0; left: 0; top: 0; outline: 0; height: 20px; width: 20px; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26); -webkit-transition: all .2s; transition: all .2s }
.md-switch input { position: absolute; cursor: pointer; width: 36px; height: 20px; z-index: 1; opacity: 0; margin-left: -36px }
.md-switch input:checked + i:after { background: inherit; left: 16px }
.md-switch input:checked + i:before { background: inherit; opacity: .5 }
.md-switch input[disabled] + i:before { background-color: rgba(0, 0, 0, .12) }
.md-switch input[disabled] + i:after { background-color: #bdbdbd }
.ui-switch { width: 32px; height: 18px; background-color: #6cc788; display: inline-block; position: relative; margin: 0; border-radius: 30px; vertical-align: middle }
.ui-switch > i:after, .ui-switch > i:before { position: absolute; background-color: #fff; content: "" }
.ui-switch > i:after { border-radius: 50%; width: 16px; top: 1px; bottom: 1px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -webkit-transition: margin .3s; transition: margin .3s }
.ui-switch > i:before { top: -1px; bottom: -1px; left: -1px; right: -1px; border: 1px solid #f0f0f0; border-radius: 30px; -webkit-transition: all .2s; transition: all .2s }
.ui-switch input { position: absolute; opacity: 0 }
.ui-switch input:checked + i:after { margin-left: 15px }
.ui-switch input:checked + i:before { top: 50%; bottom: 50%; left: 50%; right: 5px; border-width: 0; border-radius: 5px }
.ui-switch.ui-switch-md { width: 40px; height: 24px }
.ui-switch.ui-switch-md > i:after { width: 22px }
.ui-switch.ui-switch-md input:checked + i:after { margin-left: 17px }
.ui-switch.ui-switch-lg { width: 50px; height: 30px }
.ui-switch.ui-switch-lg > i:after { width: 28px }
.ui-switch.ui-switch-lg input:checked + i:after { margin-left: 21px }
.app-checkbox { font-weight: 400; margin-bottom: 0; margin-right: 5px }
.app-checkbox input[type=checkbox] { display: none }
.app-checkbox input[type=checkbox] + i { position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 3px; margin-top: -2px; cursor: pointer; background-color: #fff; border: 1px solid #bbb; border-radius: 20px; transition: all .1s ease-in-out }
.app-checkbox input[type=checkbox] + i:hover { border-color: currentColor }
.app-checkbox input[type=checkbox] + i:after { position: absolute; content: "\00a0"; border: solid #fff; border-width: 0 2px 2px 0; width: 6px; height: 10px; left: 6px; top: 7px; margin-top: -4px; transition: all .2s; transform: rotate(45deg) }
.app-checkbox input[type=checkbox]:checked + i { border: 1px solid currentColor; background-color: currentColor }
.app-checkbox input[type=checkbox]:checked + i:after {  }
.app-checkbox input[type=checkbox]:disabled + i { opacity: .3 }
.app-checkbox.lg input[type=checkbox] + i { padding: 14px }
.app-checkbox.lg input[type=checkbox] + i:after { border-width: 0 2px 2px 0; height: 17px; width: 10px; left: 9px; top: 7px }
.app-checkbox.inverse input[type=checkbox] + i { background-color: #bbb }
.app-checkbox.inverse input[type=checkbox] + i:hover { border-color: currentColor }
.app-checkbox.inverse input[type=checkbox]:checked + i { background-color: currentColor }
.app-checkbox.inverse input[type=checkbox]:checked + i:after { }
.app-radio { font-weight: 400; margin-bottom: 0; margin-right: 5px }
.app-radio input[type=radio] { display: none }
.app-radio input[type=radio] + i { position: relative; display: inline-block; width: 20px; height: 20px; margin-top: -2px; margin-right: 3px; cursor: pointer; line-height: 1; vertical-align: middle; background-color: #fff; border: 1px solid #bbb; border-radius: 50px; transition: all .1s ease-in-out }
.app-radio input[type=radio] + i:hover { border-color: currentColor }
.app-radio input[type=radio]:checked + i:after { content: ' '; width: 10px; height: 10px; border-radius: 50px; position: absolute; top: 4px; background: currentColor; text-shadow: 0; left: 4px; font-size: 32px }
.app-radio input[type=radio]:checked + i { background-color: #ffffff; color: currentColor; border: 1px solid currentColor }
.app-radio input[type=radio]:disabled + i { opacity: .3 }
.app-radio input[type=radio] + .big-checkbox { padding: 16px }
label.app-checkbox, label.app-radio { padding-left: 0 }
.alert-success hr { border-top-color: #62d938 }
.alert-success .alert-link { color: #448e43 }
.alert-info hr { border-top-color: #1bacf6 }
.alert-info .alert-link { color: #3a7390 }
.alert-warning hr { border-top-color: #feb465 }
.alert-warning .alert-link { color: #a95825 }
.alert-danger hr { border-top-color: #fc3f76 }
.alert-danger .alert-link { color: #ae3858 }
.alert-line { background-color: transparent }
.app-hero { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh }
.app-hero .app-hero-content { display: flex; flex: 1; flex-direction: column; justify-content: center }
.tag { font-weight: 400; font-size: 80% }
.tag-tag { background-color: #eee; color: #797979 }
.tag-default[href]:focus, .tag-default[href]:hover { background-color: #5e5e5e }
.tag-default.tag-md { padding: 4px 8px 4px 8px; border: 1px solid transparent }
.tag-default.tag-line { background-color: transparent; color: #777; border: 1px solid #777; padding: 4px 8px 3px 8px }
.tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #0062cc }
.tag-primary.tag-md { padding: 4px 8px 4px 8px; border: 1px solid transparent }
.tag-primary.tag-line { background-color: transparent; color: #007aff; border: 1px solid #007aff; padding: 4px 8px 3px 8px }
.tag-success[href]:focus, .tag-success[href]:hover { background-color: #2ac845 }
.tag-success.tag-md { padding: 4px 8px 4px 8px; border: 1px solid transparent }
.tag-success.tag-line { background-color: transparent; color: #4cd964; border: 1px solid #4cd964; padding: 4px 8px 3px 8px }
.tag-info[href]:focus, .tag-info[href]:hover { background-color: #28b7fa }
.tag-info.tag-md { padding: 4px 8px 4px 8px; border: 1px solid transparent }
.tag-info.tag-line { background-color: transparent; color: #5AC8FB; border: 1px solid #5AC8FB; padding: 4px 8px 3px 8px }
.tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #cca300 }
.tag-warning.tag-md { padding: 4px 8px 4px 8px; border: 1px solid transparent }
.tag-warning.tag-line { background-color: transparent; color: #ffcc00; border: 1px solid #ffcc00; padding: 4px 8px 3px 8px }
.tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #f9002f }
.tag-danger.tag-md { padding: 4px 8px 4px 8px; border: 1px solid transparent }
.tag-danger.tag-line { background-color: transparent; color: #ff2d55; border: 1px solid #ff2d55; padding: 4px 8px 3px 8px }
.tag-rounded { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: .2em .6em }
.progress-xs { height: 5px }
.progress-sm { height: 10px }
.progress-bar-grey { background-color: #ccc }
.app-progress-circle { background: url("../img/progress-circle-master.svg") no-repeat top left; width: 25px; height: 25px; background-size: 100% auto; margin: 0 auto }
body.panel-open, body.quickview-modal, body.search-modal { overflow-y: hidden !important }
.modal.in .right, .modal.in .left, .modal.in .top, .modal.in .bottom { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.modal > .right, .modal > .left { position: fixed; z-index: 1055; bottom: 0; top: 0; overflow: auto }
.modal > .bottom, .modal > .top { position: fixed; z-index: 1055; left: 0; right: 0 }
.modal > .top { top: 0; bottom: auto; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); transition: transform .4s cubic-bezier(.25, .8, .25, 1) }
.modal > .bottom { top: auto; bottom: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .8, .25, 1); -moz-transition: -moz-transform .4s cubic-bezier(.25, .8, .25, 1); -o-transition: -o-transform .4s cubic-bezier(.25, .8, .25, 1); transition: transform .4s cubic-bezier(.25, .8, .25, 1) }
.modal > .right { left: auto; right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transition: transform .4s cubic-bezier(.25, .8, .25, 1) }
.modal > .left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .8, .25, 1); -moz-transition: -moz-transform .4s cubic-bezier(.25, .8, .25, 1); -o-transition: -o-transform .4s cubic-bezier(.25, .8, .25, 1); transition: transform .4s cubic-bezier(.25, .8, .25, 1) }
.modal-backdrop { background-color: #eee }
.modal-backdrop.in { opacity: .4; filter: alpha(opacity=40) }
.modal-content { box-shadow: 0 0 15px rgba(0, 0, 0, .15), 0 0 1px 1px rgba(0, 0, 0, .1); border: none }
.modal-inline { position: relative; top: auto; right: auto; left: auto; bottom: auto; z-index: 1; display: block; overflow: hidden }
.white-overlay { background-color: rgba(255, 255, 255, .65) }
.black-overlay { background-color: rgba(0, 0, 0, .65) }
.modal.animate .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.modal.animate .fade-right-big { -webkit-animation: fadeOutLeftBig .5s; animation: fadeOutLeftBig .5s }
.modal.animate .fade-left-big { -webkit-animation: fadeOutRightBig .5s; animation: fadeOutRightBig .5s }
.modal.animate .fade-up-big { -webkit-animation: fadeOutUpBig .5s; animation: fadeOutUpBig .5s }
.modal.animate .fade-down-big { -webkit-animation: fadeOutDownBig .5s; animation: fadeOutDownBig .5s }
.modal.animate .fade-right { -webkit-animation: fadeOutLeft .5s; animation: fadeOutLeft .5s }
.modal.animate .fade-left { -webkit-animation: fadeOutRight .5s; animation: fadeOutRight .5s }
.modal.animate .fade-up { -webkit-animation: fadeOutUp .5s; animation: fadeOutUp .5s }
.modal.animate .fade-down { -webkit-animation: fadeOutDown .5s; animation: fadeOutDown .5s }
.modal.animate .flip-x { -webkit-animation: flipOutX .5s; animation: flipOutX .5s }
.modal.animate .flip-y { -webkit-animation: flipOutY .5s; animation: flipOutY .5s }
.modal.animate .zoom { -webkit-animation: zoomOut .5s; animation: zoomOut .5s }
.modal.animate .roll { -webkit-animation: rollOut .5s; animation: rollOut .5s }
.modal.animate .bounce { -webkit-animation: bounceOut .5s; animation: bounceOut .5s }
.modal.animate .rotate { -webkit-animation: rotateOut .5s; animation: rotateOut .5s }
.modal.animate.in .fade-right-big { -webkit-animation: fadeInRightBig .5s; animation: fadeInRightBig .5s }
.modal.animate.in .fade-left-big { -webkit-animation: fadeInLeftBig .5s; animation: fadeInLeftBig .5s }
.modal.animate.in .fade-up-big { -webkit-animation: fadeInUpBig .5s; animation: fadeInUpBig .5s }
.modal.animate.in .fade-down-big { -webkit-animation: fadeInDownBig .5s; animation: fadeInDownBig .5s }
.modal.animate.in .fade-right { -webkit-animation: fadeInRight .5s; animation: fadeInRight .5s }
.modal.animate.in .fade-left { -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s }
.modal.animate.in .fade-up { -webkit-animation: fadeInUp .5s; animation: fadeInUp .5s }
.modal.animate.in .fade-down { -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s }
.modal.animate.in .flip-x { -webkit-animation: flipInX .5s; animation: flipInX .5s }
.modal.animate.in .flip-y { -webkit-animation: flipInY .5s; animation: flipInY .5s }
.modal.animate.in .zoom { -webkit-animation: zoomIn .5s; animation: zoomIn .5s }
.modal.animate.in .roll { -webkit-animation: rollIn .5s; animation: rollIn .5s }
.modal.animate.in .bounce { -webkit-animation: bounceIn .5s; animation: bounceIn .5s }
.modal.animate.in .rotate { -webkit-animation: rotateIn .5s; animation: rotateIn .5s }
.panel .panel-heading { padding: 8px 15px; border-bottom: 1px solid #eee; text-transform: uppercase; color: #797979; letter-spacing: .03em }
.panel .panel-footer { padding: 8px 15px; border-top: 1px solid #eee }
.panel .panel-settings { display: inline-block; float: right }
.panel .panel-settings > a { margin-left: 3px; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; color: #ccc }
.panel .panel-settings > a:hover { color: #797979; text-decoration: none }
.panel .panel-body { height: auto; -webkit-transition: height .1s ease-in-out; -o-transition: height .1s ease-in-out; transition: height .1s ease-in-out }
.panel.panel-draggable .panel-heading { cursor: move }
.panel.panel-collapse .panel-heading { border-bottom: none }
.panel.panel-collapse .panel-body { overflow: hidden; padding: 0 !important; height: 0 !important; margin: 0 !important }
.panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow-y: auto; margin-bottom: 0 }
.panel:hover .panel-settings { display: inline-block }
.panel { border: 1px solid rgba(0, 0, 0, .125) }
.panel.flat { border: none; margin: 0 }
.panel.flat .panel-heading { color: #797979 }
.panel > .panel-progress { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, .5) }
.panel > .panel-progress > .app-progress-bar { margin-top: -1px }
.panel > .panel-progress > .app-progress-circle { position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px }
.panel.nb > .panel-heading, .panel.nb > .panel-heading, .panel.nb > .panel-heading { margin: -1px -1px 0 -1px }
.panel.nb > .panel-body, .panel.nb > .panel-body, .panel.nb > .panel-body { margin: 0 -1px -1px -1px }
.panel.nb > .panel-footer, .panel.nb > .panel-footer, .panel.nb > .panel-footer { margin: 0 -1px -1px -1px }
.panel-fix.panel-heading { margin: -1px -1px 0 -1px }
.panel-fix.panel-body { margin: 0 -1px -1px -1px }
.panel-fix.panel-footer { margin: 0 -1px -1px -1px }
.panel-fix-full { margin: -1px }
.panel-fix-full-left { margin: -1px 0 -1px -1px }
.panel-group .panel-heading { border-bottom: none }
.panel .accordion-toggle { display: block; font-size: 14px; cursor: pointer; text-decoration: none }
.panel.panel-arrow { position: relative }
.panel.panel-arrow:after, .panel.panel-arrow:before { bottom: 100%; left: 29px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.panel.panel-arrow:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px }
.panel.panel-arrow:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: inherit; border-width: 7px; margin-left: -7px }
.panel-accordion .panel-heading { text-transform: initial; border-bottom: none; padding: 15px }
.panel-accordion .panel-heading .panel-title { margin: 0; padding: 0 }
.panel-accordion .panel-heading .panel-title > a { text-decoration: none; color: #797979 }
.panel-accordion .panel-collapse { padding: 5px 15px 15px 15px }
.breadcrumb { padding: 1.25rem 1rem; margin: 0 0 1rem 0; background: white; display: flex }
body.search-modal, body.quickview-modal, body.panel-open { overflow-y: hidden !important }
.box-widget-header { padding: 3px 10px; background-color: #fff; border-bottom: 1px solid #c1c1c1 }
.box-widget-footer { border-top: 1px solid #c1c1c1 }
.box-widget-footer > .pull-right > a, .box-widget-footer > .pull-right > span { display: inline-block; padding: 7px 12px; border-left: 1px solid #eee }
.box-widget-footer > .pull-left > a, .box-widget-footer > .pull-left > span { display: inline-block; padding: 7px 12px; border-right: 1px solid #eee }
.big-icon-app i { -webkit-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out; padding: 0; display: inline-block; background-color: rgba(81, 86, 90, .2); line-height: 75px; color: #51565a; width: 80px; height: 80px; text-align: center; border-radius: 15px 15px 15px 15px }
.big-icon-app p { -webkit-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out; margin: 2px 0; color: #51565a; font-size: 14px; font-weight: bold }
.big-icon-app a:hover { text-decoration: none }
.big-icon-app a:hover i { color: #fff; border-color: #fff }
.big-icon-app a:hover p { color: #fff }
.app-top-dropdown { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: auto; z-index: 1060; -webkit-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
.app-top-dropdown .holder { background-color: rgba(185, 188, 195, .9); padding-bottom: 15px }
.app-top-dropdown .slideUp { border-bottom: 1px solid rgba(81, 86, 90, .6); padding: 3px 0 5px 0; margin-bottom: 15px }
.app-top-dropdown .slideUp a i { color: rgba(81, 86, 90, .6) }
.app-top-dropdown.app-top-dropdown-show { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0) }
.app-top-dropdown.app-top-dropdown-hide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
.app-search { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: auto; z-index: 1060; background-color: rgba(255, 255, 255, .75); -webkit-transition: transform 400ms cubic-bezier(.05, .74, .27, .99); -o-transition: transform 400ms cubic-bezier(.05, .74, .27, .99); transition: transform 400ms cubic-bezier(.05, .74, .27, .99); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
.app-search .app-search-wrapper { background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 9px rgba(191, 191, 191, .36); overflow-y: auto }
.app-search.app-search-show { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0) }
.app-search.app-search-hide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
.app-quickview { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: auto; z-index: 1060; -webkit-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.app-quickview .app-quickview-wrapper { position: absolute; top: 0; bottom: 0; right: 0; width: 300px; background-color: #fff; box-shadow: 0 0 9px rgba(191, 191, 191, .36) }
.app-quickview.app-quickview-show { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0) }
.app-quickview.app-quickview-hide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.input-holder { box-shadow: none; padding: 0; border-color: #ddd; position: relative; padding-left: 45px; border-bottom: 1px solid #d9d9d9 }
.input-holder .tosearch, .input-holder > i { position: absolute; top: 6px; left: 10px; color: #d8d8d8; display: block; width: 30px; text-align: center }
.input-holder input, .input-holder textarea { background-color: transparent; box-shadow: none; padding: 5px; border: none; height: 43px }
.input-holder textarea { padding: 10px 5px 10px 5px; min-height: 150px }
.input-holder .operation { position: absolute; top: 5px; right: 5px }
.input-holder .operation > button { color: #aaa; padding: 5px 0 }
.navbar-tools { float: none }
.navbar-tools > li { float: left !important; border-right: 1px solid #e6e6e6 }
.navbar-tools > li > a { padding: 9px 10px 8px 10px !important; cursor: pointer; color: #007aff; border-radius: 0 0 0 0; border: none !important }
.navbar-tools > li > a i { font-size: 24px; line-height: 25px }
.input-group.box-header input { height: 43px }
.input-group.box-header .form-control[readonly] { background-color: transparent }
.input-group.box-header .form-control[readonly]:hover { cursor: auto }
.post-widget { border: 1px solid #ccc }
.post-widget > textarea { min-height: 70px; border-radius: 0 0 0 0; box-shadow: none; outline: 0; border: none }
.post-widget > textarea:hover { border-radius: 0 0 0 0; box-shadow: none; outline: 0 }
.post-widget > div { border-top: 1px solid #eee; background-color: #f6f8f8; padding: 5px }
.bordered-columns { padding: 0 }
.bordered-columns > div { padding-top: 10px; border: 1px dashed #dedede; border-width: 0 1px 0 0 }
.bordered-columns > div:hover { background-color: #fffff4 }
.bordered-columns > div:last-child { border-right: none }
.widget-weather { text-align: center }
.widget-weather .actual { padding-top: 63px; padding-bottom: 63px; color: #fff; background-color: #fcfcfc; font-weight: bold; border-right: 1px solid #eee }
.widget-weather .actual p { font-size: 16px; margin-bottom: 4px }
.widget-weather .actual .climacon { font-size: 87px; line-height: 10px }
.widget-weather .actual h3 { margin-top: 5px; font-weight: bold }
.widget-weather .days > div { padding: 30px 0; border: 1px solid #eee; border-width: 0 1px 0 0 }
@media (max-width: 0) {
    .bordered-columns > div { border-width: 1px 0 0 0 }
    .widget-weather .days > div { border-width: 1px 0 0 0 }
    .widget-weather .days > div { border-width: 1px 1px 0 0 }
}
.widget-weather .days > div:last-child { border-right: none }
.widget-weather .days > div .climacon { line-height: 10px }
.widget-weather .days > div h3 { margin-top: 15px }
.widget-weather .days > div h3:last-child { color: #cacdd2 }
.widget-weather .days > div p { font-size: 22px; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #fafafa }
.to-corner { position: absolute; top: 5px; right: 5px }
.to-corner.aside { top: 2px; right: 2px; padding: 0 5px 1px 5px; border: 1px solid #ccc; color: #ccc; cursor: pointer; border-radius: 20px 20px 20px 20px }
.to-corner.aside:hover { color: #aaa; background-color: #eee }
.avatar { display: inline-block; position: relative }
.avatar > i { position: absolute; top: 0; left: 0; width: 10px; height: 10px; margin: 1px; border-radius: 100%; border: 2px solid #fff }
.avatar > i.bottom { top: auto; right: 0; bottom: 0; left: auto }
.avatar > i.on { background-color: #56af55 }
.avatar > i.off { background-color: #f05050 }
.avatar > i.away { background-color: #fad733 }
.chat-widget { margin-bottom: 0; padding: 0 15px; overflow-x: hidden }
.chat-widget > li { position: relative; margin-bottom: 15px }
.chat-widget > li > .time { text-align: center; font-size: 11px; margin: 12px 0; text-transform: uppercase }
.chat-widget > li > .name { margin-left: 15px; font-weight: 600 }
.chat-widget > li > .msgs > div { position: relative; padding: 6px 12px; background: #f1f0f0; border-radius: 5px 15px 15px 5px; float: left; margin-bottom: 2px }
.chat-widget > li > .msgs > div > p { margin: 0 }
.chat-widget > li > .msgs > div:first-child { border-top-left-radius: 15px }
.chat-widget > li > .msgs > div:last-child { margin-bottom: 0; border-bottom-left-radius: 15px }
.chat-widget > li.from-me > .name { margin-right: 15px; margin-left: 0; text-align: right }
.chat-widget > li.from-me > .time { text-align: center }
.chat-widget > li.from-me > .msgs > div { position: relative; padding: 6px 12px; color: white; background: #0B93F6; border-radius: 15px 5px 5px 15px; float: right }
.chat-widget > li.from-me > .msgs > div:first-child { border-top-right-radius: 15px }
.chat-widget > li.from-me > .msgs > div:last-child { margin-bottom: 0; border-bottom-right-radius: 15px }
.chat-widget.chat-full > li > .msgs { margin-right: 0 !important; margin-left: 0 !important }
.chat-widget.chat-image > li { padding-left: 35px }
.chat-widget.chat-image > li img { z-index: 10; position: absolute; bottom: 0; left: 0 }
.chat-widget.chat-image > li > .time { margin-left: -35px }
.chat-widget.chat-image > li.from-me { padding-left: 0; padding-right: 35px }
.chat-widget.chat-image > li.from-me img { left: auto; right: 0 }
@media (min-width: 75em) and (min-width: 48em) and (min-width: 34em) {
    .chat-widget.chat-image > li > .msgs > div { margin-right: 40% }
    .chat-widget.chat-image > li.from-me > .msgs > div { margin-left: 40%; margin-right: 0 }
    .chat-widget > li.from-me > .msgs > div { margin-left: 50%; margin-right: 0 }
    .chat-widget > li > .msgs > div { margin-right: 50% }
}
.chat-widget.chat-image > li.from-me > .time { text-align: center; margin-right: -35px; margin-left: 0 }
.dropzone { min-height: 230px; border: 2px dashed rgba(0, 0, 0, .3) !important; background: white; border-radius: 6px }
.dropzone .dz-message { font-size: 30px !important }
.list-header { margin: 6px 10px 4px 16px }
.list-header.big { text-transform: uppercase }
.list { padding: 0; margin: 0; border: 1px solid #e6e6e6; border-width: 1px 0 1px 0; list-style: none none; background-color: white }
.list.list-light { background-color: #fcfcfc }
.list.list-hover > li .item-content { color: #797979 }
.list.list-hover > li .item-content:hover { background-color: #fafafa; color: #797979; cursor: pointer }
.list.list-hover > li .item-content:hover:before { position: absolute; content: ''; height: 1px; top: -1px; left: 0; right: 0; background-color: #eee }
.list.list-hover > li .item-content:hover:after { left: 0; background-color: #eee }
.list.list-draggable > li > .item-content > .drag { position: absolute; cursor: move; top: 5px; left: 5px; width: 9px; bottom: 6px; z-index: 2; display: none }
.list.list-draggable > li > .item-content:hover > .drag { display: block }
.list > li { position: relative }
.list > li > a, .list > li a { display: block; text-decoration: none; color: #797979 }
.list > li .item-content { position: relative; padding: 10px 10px 10px 30px }
.list > li .item-content:after { position: absolute; content: ''; height: 1px; bottom: 0; left: 30px; right: 0; background-color: #eee }
.list > li .item-content .list-status { position: absolute; top: 13px; left: 10px }
.list > li .item-content .list-status i { display: block; margin-bottom: 3px }
.list > li > .edit { display: none }
.list > li:last-child .item-content:after { background-color: transparent; height: 0 }
.list > li:first-child .item-content:before { background-color: transparent !important; height: 0 !important }
.list > li.inactive { color: #ccc !important; background-color: #efefef }
.list > li.inactive > * { color: #ccc !important }
.list > li.inactive .item-content:after { left: 0; background-color: #eee !important; z-index: 1 }
.list > li.inactive .item-content:before { position: absolute; content: ''; height: 1px; top: 0; left: 0; right: 0; background-color: #eee !important; z-index: 1 }
.list > li.active { background-color: #ddeefb !important }
.list > li.active .item-content:after { left: 0 !important; background-color: #b1dbf9 !important; z-index: 1 }
.list > li.active .item-content:before { position: absolute; content: ''; height: 1px; top: -1px; left: 0; right: 0; background-color: #b1dbf9 !important; z-index: 1 }
.list > li.active:hover .item-content { background-color: #ddeefb !important }
.list > li.status-default:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background-color: #007aff }
.list > li.status-primary:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background-color: orange }
.list > li.status-danger:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background-color: red }
.list.condensed > li .item-content { padding: 10px 10px 10px 16px }
.list.condensed > li .item-content:after { left: 16px }
.list.editing > li { padding-left: 40px }
.list.editing > li .item-content:hover { background-color: transparent !important }
.list.editing > li > .edit { position: absolute; padding: 10px 0 0 15px; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: block }
.list.list-nb > li .item-content:after { background-color: transparent }
.simple-list { border: 1px solid #e6e6e6; border-width: 1px 0 1px 0; background-color: white; list-style: none; padding: 0 }
.simple-list li { border-bottom: 1px solid #eee; padding: 5px 16px 5px 0; margin-left: 16px; position: relative }
.simple-list li a { color: #797979 }
.simple-list li a:hover { color: #007aff; text-decoration: none }
.simple-list li .time { color: #ccc; float: right }
.simple-list li:last-child { border-bottom: none }
.simple-list li.active { border-bottom: 1px solid #007aff }
.simple-list li.list-header { background-color: #f8f8f8; padding: 3px 16px 3px 16px; font-weight: bold; margin-left: 0; border-bottom: none }
.simple-list.with-icon li { margin-left: 45px; padding: 8px 16px 8px 0 }
.simple-list.with-icon li i { position: absolute; top: 4px; left: -30px; font-size: 14px; background-color: #eee; color: #999; padding: 5px 6px; width: 24px; text-align: center; border-radius: 3px 3px 3px 3px }
.simple-list.with-icon-alt li { margin-left: 40px }
.simple-list.with-image li { min-height: 42px }
.simple-list.with-image li > img, .simple-list.with-image li a img { float: left; margin-top: 2px }
.simple-list.with-image li > div { margin-left: 40px }
.simple-list.with-image li a { display: block }
.simple-list.with-image li a div { margin-left: 40px }
.simple-list.contact-list li a { color: #555 }
.simple-list.contact-list li a:hover { color: #007aff }
.dropdown-menu .simple-list, .list-sm .simple-list { overflow-x: hidden; overflow-y: auto }
.dropdown-menu .simple-list li a, .list-sm .simple-list li a { display: block; color: #797979 }
.dropdown-menu .simple-list li a:hover, .list-sm .simple-list li a:hover { color: #007aff; text-decoration: none }
.dropdown-menu .simple-list li a div, .list-sm .simple-list li a div { padding-top: 0 !important }
.dropdown-menu .simple-list { max-height: 200px }
.list-group.list-group-gap > .list-group-item { margin-bottom: 5px; border-radius: 3px 3px 3px 3px }
.list-group.list-group-sm > .list-group-item { padding: 6px 10px }
.tag-list > li { display: inline-block; margin: 0 0 4px 0; border-radius: 3px 3px 3px 3px; background-color: #f7f7f7 }
.tag-list > li > .info { padding: 2px 8px; display: block; background-color: transparent }
.tag-list > li > a { display: block; text-decoration: none; padding: 2px 8px; color: #797979 }
.tag-list > li:hover { background-color: #ececec }
.tag-list > li.active > a { background-color: #e7f0f9 }
.list-hover > li:hover { background-color: #efefef }
.list-separeted > li { margin-bottom: 3px }
.app-list { display: block; padding: 0 }
.app-list .app-list-item { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 12px 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; color: #797979 }
.app-list .app-list-item:hover, .app-list .app-list-item:focus { text-decoration: none }
.app-list .app-list-item > .app-list-item-left { margin-right: 12px }
.app-list .app-list-item .app-list-item-body { position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0; text-overflow: ellipsis }
.app-list .app-list-item .app-list-item-body:after { content: ''; position: absolute; background-color: rgba(0, 0, 0, .08); bottom: -12px; right: -16px; left: 0; height: 1px }
.helper-after { position: absolute; bottom: 0; left: 13px; width: 10px; height: 10px; margin-left: -5px; background-color: #fff; border-color: inherit; border-style: solid; border-width: 2px; border-radius: 10px; content: '' }
.info-line .item { border-left: 2px solid #dee5e7; position: relative; padding-bottom: 1px; border-color: #dee5e7; padding-top: 5px }
.info-line .item:after, .info-line .item:before { left: 0; top: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.info-line .item:after { border-color: rgba(255, 255, 255, 0); border-left-color: transparent; border-width: 5px; margin-top: -5px }
.info-line .item:before { border-color: rgba(194, 225, 245, 0); border-left-color: inherit; border-width: 6px; margin-top: -6px }
.info-line .item > div { margin-left: 20px; margin-bottom: 10px }
.timeline { position: relative; display: table; padding: 0; width: 100% }
.timeline .timeline-heading { margin: 0 auto; padding: 28px 0 0 0; background: #fff; text-align: center; position: relative; border-radius: 200px 200px 200px 200px; height: 80px; width: 80px; border: 2px solid #dee5e7; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.timeline .timeline-panel { position: relative; clear: both; background: transparent; margin-left: 50%; margin-right: 0 }
.timeline .timeline-panel > .timeline-content { position: relative; display: inline-block; border: 4px solid #dee5e7; border-width: 0 0 0 4px; padding: 20px 0 20px 20px; margin: 0 0 0 -2px; float: left }
.timeline .timeline-panel > .timeline-content:before { position: absolute; top: 40px; right: auto; left: -10px; margin: 0 0 0 0; width: 16px; height: 16px; border-width: 4px; border-style: solid; border-color: inherit; border-radius: 50%; background-color: #f5f5f5; box-shadow: 0 0 0 4px #f5f5f5; content: "" }
.timeline .timeline-panel > .timeline-content:hover:before { border-width: 7px }
.timeline .timeline-panel > .timeline-content > .panel { margin: 0; border-color: inherit }
.timeline .timeline-panel > .timeline-content > .panel:after, .timeline .timeline-panel > .timeline-content > .panel:before { right: 100%; left: auto; top: 28px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.timeline .timeline-panel > .timeline-content > .panel:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 8px; margin-top: -8px }
.timeline .timeline-panel > .timeline-content > .panel:before { border-color: rgba(194, 225, 245, 0); border-right-color: inherit; border-width: 9px; margin-top: -9px }
.timeline .timeline-panel > .timeline-content > .timeline-date { position: absolute; top: 38px; width: 150px }
.timeline .timeline-panel:nth-child(odd) { margin-right: 50%; margin-left: 0 }
.timeline .timeline-panel:nth-child(odd) > .timeline-content { float: right; padding: 20px 20px 20px 0; border-width: 0 4px 0 0; margin: 0 -2px 0 0 }
.timeline .timeline-panel:nth-child(odd) > .timeline-content:before { left: auto; right: -10px }
.timeline .timeline-panel:nth-child(odd) > .timeline-content > .panel:after, .timeline .timeline-panel:nth-child(odd) > .timeline-content > .panel:before { left: 100%; right: auto }
.timeline .timeline-panel:nth-child(odd) > .timeline-content > .panel:after { border-left-color: #fff; border-right-color: transparent }
.timeline .timeline-panel:nth-child(odd) > .timeline-content > .panel:before { border-left-color: inherit; border-right-color: transparent }
.timeline .timeline-panel:nth-child(even) .timeline-date { left: -170px; text-align: right }
.timeline .timeline-panel:nth-child(odd) .timeline-date { right: -170px; text-align: left }
.timeline .timeline-panel > .panel { border: 1px solid #c4d1df; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.timeline.center .timeline-heading { margin: 0 0 0 3.5rem }
.timeline.center .timeline-panel { margin: 0 0 0 6rem !important }
.timeline.center .timeline-panel > .timeline-content { float: left }
.timeline.center .timeline-panel:nth-child(odd) > .timeline-content { border-width: 0 0 0 4px !important; margin: 0 0 0 -2px !important; padding: 20px 0 20px 20px !important }
.timeline.center .timeline-panel:nth-child(odd) > .timeline-content:before { right: auto !important; left: -10px !important }
.timeline.center .timeline-panel:nth-child(odd) > .timeline-content .timeline-date { left: -170px; position: absolute; text-align: right; top: 38px; width: 150px }
.timeline.center .timeline-panel:nth-child(odd) > .timeline-content > .panel:after, .timeline.center .timeline-panel:nth-child(odd) > .timeline-content > .panel:before { right: 100% !important; left: auto !important }
.timeline.center .timeline-panel:nth-child(odd) > .timeline-content > .panel:after { border-right-color: #fff !important; border-left-color: transparent !important }
.timeline.center .timeline-panel:nth-child(odd) > .timeline-content > .panel:before { border-right-color: inherit !important; border-left-color: transparent !important }
.timeline.blocked .timeline-panel > .timeline-content { display: block !important; float: none !important }
.nav-pills.nav-sm > li > a { padding: 6px 12px }
.nav-pills.nav-sm .btn { padding: 6px 12px }
.nav-pills.nav-xs > li > a { padding: 4px 10px; font-size: 12px }
.nav-pills.nav-xs .btn { padding: 4px 10px }
.nav-pills.nav-rounded > li > a { border-radius: 20px 20px 20px 20px }
.nav-sm > .nav-pills > li > a { padding: 6px 12px }
.nav-sm > .nav-pills .btn { padding: 6px 12px }
.nav-xs > .nav-pills > li > a { padding: 4px 10px; font-size: 12px }
.nav-xs > .nav-pills .btn { padding: 4px 10px }
.nav-rounded > .nav-pills > li > a { border-radius: 20px 20px 20px 20px }
.nav-tabs-triangle { border-color: #d9d9d9 }
.nav-tabs-triangle.nav-icon i { color: #aaa }
.nav-tabs-triangle.nav-icon > li > a.active i { color: #555555 }
.nav-tabs-triangle > li { border: none }
.card > .nav-tabs .nav-link { padding: .75rem 1.25rem }
@media (max-width: 33.9em) {
    .nav-tabs-triangle > li { display: block }
}
.nav-tabs-triangle > li > a { border-bottom: 1px solid #dddddd !important; color: #555555; padding: 8px 15px; border-width: 0 0 1px 0 !important; border-radius: 0 0 0 0 }
.nav-tabs-triangle > li > a i { color: #555555 }
.nav-tabs-triangle > li > a:focus { outline: 0 !important; border-width: 0 !important; background-color: transparent }
.nav-tabs-triangle > li > a:hover { outline: 0 !important; color: #007aff; background-color: transparent !important }
.nav-tabs-triangle > li > a:hover i { color: #007aff }
.nav-tabs-triangle > li > a.active { position: relative; border-width: 0 0 0 0 !important; background-color: transparent !important }
.nav-tabs-triangle > li > a.active:before, .nav-tabs-triangle > li > a.active:after { border: medium solid transparent; content: ""; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; z-index: 1; top: 100% }
.nav-tabs-triangle > li > a.active:before { border-top-color: #d9d9d9; border-width: 11px; margin-left: -11px }
.nav-tabs-triangle > li > a.active:after { border-top-color: #f5f5f5; border-width: 10px; margin-left: -10px }
.nav-tabs-triangle > li > a.active:focus { outline: 0 !important; border-width: 0 0 0 0 !important }
.nav-tabs-triangle > li > a.active:hover { outline: 0 !important; background-color: transparent !important; border-width: 0 0 0 0 !important }
.nav-line { border-color: #e9ebef }
.nav-line.nav-icon i { color: #aaa }
.nav-line.nav-icon > li > a.active i { color: #555555 }
.nav-line > li { border: none; margin-left: 0 !important }
.nav-line > li > a { color: #aaa; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; border-width: 0 0 1px 0 !important; border-radius: 0 !important }
.nav-line > li > a:focus { border-width: 0; background-color: transparent }
.nav-line > li > a:hover, .nav-line > li > a.active { color: #007aff !important; border-bottom: 2px solid currentColor !important; background-color: transparent !important }
.nav-line > li > a:hover i, .nav-line > li > a.active i { color: currentColor }
.nav-justified, .nav-tabs.nav-justified { width: 100% }
.nav-justified > li, .nav-tabs.nav-justified > li { float: none }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a { position: relative; display: block; padding: 10px 15px; text-align: center; margin-bottom: 5px }
.nav-justified > .dropdown .dropdown-menu, .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto }
.tab-holder { border: 1px solid #dddddd; border-top: none; background: white }
@media (min-width: 34em) {
    .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1% }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: -1px }
}
.nav-justified-xs > li, .nav-justified-xs .nav-tabs > li { display: table-cell !important; width: 1% !important }
.nav-justified-xs > li > a, .nav-justified-xs .nav-tabs > li > a { margin-bottom: -1px !important }
.media-action { position: absolute; right: 2rem; opacity: 0; transition: all .4s ease }
.media:hover .media-action { right: 1rem; opacity: 1 }

.file-item { width: 100%; height: 300px; overflow: hidden; background: no-repeat 50% 50%; background-size: cover; display: inline-block; position: relative }
.file-item .info { position: absolute; left: 0; right: 0; bottom: 0; line-height: 1.5; -webkit-transition: -webkit-transform .35s, color .35s; transition: transform .35s, color .35s; -webkit-transform: translate3d(0, 38px, 0); transform: translate3d(0, 38px, 0) }
.file-item .info .text-truncate { width: 70% }
.file-item .btn-play { display: none }
.file-item.audio .btn-play, .file-item.video .btn-play { display: block }

.file-item i { display: none; font-size: 4rem }
.file-item.application { display: flex; display: flex; justify-content: center; align-items: center }
.file-item.application i { display: block }
.file-item.application i:after { content: '' }
.file-item .app-checkbox { position: absolute; top: 10px; right: 0; z-index: 2 }
.file-item input[type=checkbox]:checked + i { display: block; border-color: #eee; z-index: 1 }
.file-item input[type=checkbox]:checked + i + .overlayer { height: 100%; background: rgba(255, 255, 255, .5) }
.file-item > .overlayer { position: absolute; background: url("../img/linear-gradient.png") repeat-x; bottom: 0; left: 0; right: 0 }
.file-item:hover .info, .file-item.audio .info, .file-item.video .info, .file-item.application .info { transform: translate3d(0, 0px, 0) }
.file-item:hover > .overlayer, .file-item.audio .overlayer, .file-item.video .overlayer, .file-item.application .overlayer { height: 100%; background-image: linear-gradient(to top, #333 0, rgba(0, 0, 0, .01) 50%) }
.loader { height: 100%; width: 100%; display: none; z-index: 3; justify-content: center; align-items: center; position: absolute }
.loader i { font-size: 5rem; animation: fa-spin 2s linear 0s infinite; will-change: transform }
.loading .loader { display: flex }

.col-xl-2 .file-item { height: 200px }
.col-xl-2 .file-item .info .text-truncate { width: 55% }

.img-cover { background-position: 50% 50%; background-size: cover; position: relative }
.img-cover:before { content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.img-cover.img-cover-purple:before { background: linear-gradient(rgba(232, 220, 255, .5), rgba(232, 220, 255, .7)) }
.img-cover.img-cover-yellow:before { background: linear-gradient(rgba(249, 217, 117, .5), rgba(249, 217, 117, .7)) }
.img-cover.img-cover-light:before { background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .7)) }
.img-cover.img-cover-dark:before { background: linear-gradient(rgba(34, 34, 34, .5), rgba(34, 34, 34, .7)) }
.error-shape { border-radius: 30px; position: relative; overflow: hidden !important; height: 150px; width: 150px; font-size: 75px; line-height: 150px; display: inline-block }
.error-shape.err-404 { text-shadow: #e0ce66 1px 1px, #e0ce66 2px 2px, #e0ce66 3px 3px, #e0ce66 4px 4px, #e0ce66 5px 5px, #e0ce66 6px 6px, #e0ce66 7px 7px, #e0ce66 8px 8px, #e0ce66 9px 9px, #e0ce66 10px 10px }
.error-shape.err-500 { text-shadow: #dd2158 1px 1px, #dd2158 2px 2px, #dd2158 3px 3px, #dd2158 4px 4px, #dd2158 5px 5px, #dd2158 6px 6px, #dd2158 7px 7px, #dd2158 8px 8px, #dd2158 9px 9px, #dd2158 10px 10px }
.error-shape span { position: absolute; top: 50%; left: 50%; display: block; height: 150px; width: 150px; margin: -75px 0 0 -75px; white-space: nowrap; text-align: center; color: #fff }
.loginBox { width: 380px; min-height: 380px; border-radius: 40px; box-shadow: 0 0 50px rgba(0, 0, 0, .2); padding: 30px; display: inline-block; background-color: #fff }
.loginBox input[type=submit].btn, .loginBox button.btn { margin-top: -7px }
.loginBox .logoPlace { height: 50px; margin-bottom: 15px; font-size: 32px; text-align: center }
@media (max-width: 767px) {
    .loginBox { width: 100%; height: auto; display: block }
}
@media (max-width: 767px) {
    .timeline .timeline-date { font-size: 10px }
    .timeline.center .timeline-panel { margin: 0 0 0 4em !important }
    .timeline.center .timeline-heading { margin: 0 0 0 13px }
}
.feed-timeline { margin-right: auto; position: relative; margin-left: auto; padding-top: 18px; margin-top: 25px }
.feed-timeline .line { height: 100%; left: 50%; width: 2px; margin-left: -1px; background: #a1a2a8; position: absolute; margin-top: -20px }
.feed-timeline .left-col { width: 50%; display: inline-block; text-align: left }
.feed-timeline .left-col .holder:before { right: 20px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid hsla(218, 4%, 63%, .4) }
.feed-timeline .left-col .holder:after { right: 19px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #fff }
.feed-timeline .left-col .content { margin-right: 30px }
.feed-timeline .left-col .cover:after { right: -9px }
.feed-timeline .right-col { width: 50%; display: inline-block; vertical-align: top; text-align: right }
.feed-timeline .right-col .content { margin-left: 30px }
.feed-timeline .right-col .holder:before { left: 20px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid hsla(218, 4%, 63%, .4) }
.feed-timeline .right-col .holder:after { left: 19px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #fff }
.feed-timeline .right-col .cover:after { left: -9px }
.feed-timeline .cover { position: relative }
.feed-timeline .cover:after { content: ""; height: 18px; width: 18px; display: block; position: absolute; background: #fafafa; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #a1a2a8; top: 31px }
.feed-timeline .cover .holder { position: relative; display: block }
.feed-timeline .cover .holder:after, .feed-timeline .cover .holder:before { content: ""; height: 0; width: 0; display: block; position: absolute; top: 31px }
.feed-timeline .cover .holder .content { margin-bottom: 20px; background: #fff; text-align: left; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; border: 1px solid #e6e6e8 }
.feed-timeline .cover .holder .content .header { padding: 12px }
.streamline > .item { position: relative }
.streamline > .item .streamline { margin-left: 30px }
.table .md-check { vertical-align: sub }
.table.table-bordered tr > td { border: 1px solid #ebebeb }
.table.table-centered td { text-align: center }
.table.table-vertical-middle td, .table > thead > tr > th { vertical-align: middle }
.table > thead > tr > th { text-transform: uppercase; font-weight: 600; font-size: 13px; padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #ddd; color: #999 }
.table-advanced tbody tr i { font-size: 14px }
.table-advanced thead tr th { background-color: #f5fbff; padding: 1em }
.table-advanced thead tr th.sortable > div { padding-right: 18px; position: relative }
.table-advanced thead tr th.sortable > div:after, .table-advanced thead tr th.sortable > div:before { content: ""; border-width: 0 4px 4px; border-style: solid; border-color: #000 transparent; visibility: visible; right: 8px; top: 50%; position: absolute; opacity: .3; margin-top: -4px }
.table-advanced thead tr th.sortable > div:before { margin-top: 2px; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000 }
.table-advanced thead tr th.sortable > div:hover:after, .table-advanced thead tr th.sortable > div:hover:before { opacity: 1; visibility: visible }
.table-advanced thead tr th.sortable.sort-asc, .table-advanced thead tr th.sortable.sort-desc { background-color: rgba(141, 192, 219, .25); text-shadow: 0 1px 1px hsla(0, 0%, 100%, .75) }
.table-advanced thead tr th.sortable.sort-asc > div:after, .table-advanced thead tr th.sortable.sort-desc > div:after { margin-top: -2px }
.table-advanced thead tr th.sortable.sort-asc > div:before, .table-advanced thead tr th.sortable.sort-desc > div:before { visibility: hidden }
.table-advanced thead tr th.sortable.sort-desc > div:after { border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; box-shadow: none }
.table-advanced thead tr th.sortable.sort-asc > div:after, .table-advanced thead tr th.sortable.sort-asc > div:hover:after, .table-advanced thead tr th.sortable.sort-desc > div:after { visibility: visible; filter: alpha(opacity=60); opacity: .6 }
.table-advanced tbody tr td { vertical-align: middle }
.table-advanced tbody tr td .btn-group > .btn { padding: 0 }
.table-advanced tbody tr td .btn-group > .btn i { padding: 5px; width: 25px }
.table-advanced.table-hover tr:hover td { background-color: #f9f9f9 }
@media only screen and (max-width: 800px) {
    .flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
    .flip-scroll * html .cf, .flip-scroll :first-child + html .cf { zoom: 1 }
    .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0 !important }
    .flip-scroll td, .flip-scroll th { margin: 0; vertical-align: top }
    .flip-scroll th { text-align: left }
    .flip-scroll table { display: block; position: relative; width: 100% }
    .flip-scroll thead { display: block; float: left }
    .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap }
    .flip-scroll thead tr { display: block; border-spacing: 0 }
    .flip-scroll th { display: block; text-align: right }
    .flip-scroll tbody tr { display: inline-block; vertical-align: top }
    .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-spacing: 0 }
    .flip-scroll th { border-width: 1px !important; border-bottom: 0; border-left: 0; padding: 8px 25px 8px 9px !important; width: auto !important }
    .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0 }
}
@media only screen and (max-width: 800px) {
    .no-more-tables table, .no-more-tables tbody, .no-more-tables td, .no-more-tables th, .no-more-tables thead, .no-more-tables tr { display: block }
    .no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px }
    .no-more-tables tr { border: 1px solid #ccc }
    .no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left }
    .no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 700; content: attr(data-title) }
}
.table-fixed-header { box-sizing: border-box; -moz-box-sizing: border-box; display: flex; flex-direction: column; align-items: stretch; height: 500px }
.table-fixed-header * { box-sizing: inherit; -moz-box-sizing: inherit }
.table-fixed-header thead { display: flex; flex-direction: column; align-items: stretch }
.table-fixed-header tbody { overflow-y: scroll; display: inline-block }
.table-fixed-header tbody > tr, .table-fixed-header tfoot > tr, .table-fixed-header thead > tr { display: flex; flex-direction: row; flex-wrap: nowrap }
.table-fixed-header tfoot, .table-fixed-header thead { flex-shrink: 0 }
.table-fixed-header tbody td, .table-fixed-header th { width: 20%; overflow-x: hidden; text-overflow: ellipsis; display: inline-block }
.table-fixed-header tfoot { display: inline-block }
.table-fixed-header tfoot td { width: 100%; display: inline-block }
.table-fixed-header.width-auto tbody td, .table-fixed-header.width-auto th { width: auto }
.footable-odd { background-color: #fdfdfd !important }
.wizard li:hover { color: #b4b4b4; cursor: no-drop }
.wizard li.active .wizard-step-number { background-color: #007aff; color: #fff }
.wizard li.active .wizard-step-text { color: #007aff }
.wizard li.active .wizard-step { position: relative }
.wizard li.active .wizard-step:after { position: absolute; right: 3px; color: #007aff; top: 1px; content: "\f105"; font-size: 2em; height: 20px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.wizard li.active:hover { cursor: default }
.wizard li.valid:hover { cursor: pointer }
.wizard .wizard-step { position: relative; padding: 3px 0; font-size: 14px; color: #cbcbcb }
.wizard .wizard-step .wizard-step-number { position: absolute; width: 35px; text-align: center; top: -1px; left: 0; background-color: #f2f2f2; padding: 7px 10px; border-radius: 100px }
.wizard .wizard-step .wizard-step-text { margin-left: 45px; padding-top: 3px; font-size: 15px }
.accordion-alt .panel { margin-bottom: 0; border-radius: 0 0 0 0; box-shadow: none }
.accordion-alt .panel:last-child { border-bottom: 1px solid #d9d9d9 }
.accordion-alt > .panel-group > .panel { border-color: #d9d9d9; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; border-bottom: none }
.accordion-alt > .panel-group > .panel:last-child { border-bottom: 1px solid #d9d9d9 }
.accordion-bordered { border: 1px solid #d9d9d9; border-width: 0 1px }
.badge { position: absolute; font-size: 10px; padding: 3px 5px 3px 5px; border-radius: 20px }
.navbar-brand { margin-right: 0 }
.lock-screen-holder { background: url(../img/yeapp_blurred.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.lock-screen { width: 260px; margin: -130px 0 0 -130px; position: absolute; top: 45%; left: 50%; background: rgba(0, 0, 0, .1); padding: 30px }
@media (max-width: 767px) {
    .navbar-brand > img.normal-logo { display: none !important }
    .navbar-brand > img.xs-logo { display: inline-block !important }
    .navbar-brand > img.folded-logo { display: none !important }
}
.app { width: 100%; height: 100%; min-height: 100%; position: relative }
.app-wrapper { height: auto; min-height: 100%; width: 100%; position: relative; overflow: hidden }
.app-wrapper.container { padding: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .3) }
.app-wrapper.container .app-header { margin: 0 }
.app-wrapper.container .app-footer { right: auto; left: auto; width: 100% }
.app-header { position: relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15); z-index: 15 }
.app-header .navbar-header > .navbar-brand { padding: 0; width: 220px; height: auto; z-index: 1; position: relative }
.app-header .navbar-header > .navbar-brand:after { position: absolute; content: ''; bottom: -1px; right: -1px; left: 0; height: 1px; z-index: 2 }
.app-header .navbar-header > .navbar-brand > img.xs-logo { display: none }
.app-header .navbar-header > .navbar-brand > img.folded-logo { display: none }
.app-header .navbar-header .mobile-navbar { margin: 0 }
.app-header .navbar-header .mobile-navbar li { float: left }
.app-header .navbar-header > .navbar-brand:after { position: absolute; content: ''; bottom: -1px; right: -1px; left: 0; height: 1px; z-index: 2 }
.app-header .navbar-header > .navbar-brand > img.folded-logo, .app-header .navbar-header > .navbar-brand > img.xs-logo { display: none }
.app-header .navbar-collapse { position: relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15) }
.app-header .navbar-collapse .navbar-nav > li > a { transition: background-color .1s ease-in-out }
.app-header .navbar-nav > li > a { color: #797979; padding: 10px 12px }
.app-header .navbar-nav > li > a:hover { cursor: pointer }
.app-header .navbar-nav > li > a > i { width: 20px; text-align: center }
.app-header .navbar-nav > li > a > span.badge { color: #FFF; top: 4px; left: 23px; padding: 0 5px; opacity: .7; filter: alpha(opacity=70) }
.app-header .navbar-right > li > a > i { font-size: 18px }
.app-header .navbar-right > li > a:focus, .app-header .navbar-right > li > a:hover { border-color: #efefef }
.app-header .navbar-right > li > a.user-area { padding: 5px 10px }
.app-header .navbar-right > li > a.user-area.avatar > i { border-color: #fbfbfb !important }
.app-header .navbar-right > li > a.user-area > img { position: absolute; top: 6px; left: 6px }
.app-header .navbar-header { float: left }
.app-header .nav > li > a { display: block; line-height: 20px }
.app-header .nav > li.nav-item { margin-left: 0 }
@media (max-width: 543px) {
    .navbar-toggleable-xs .navbar-right { float: none }
    .navbar-toggleable-xs .navbar-right > li { float: none; display: block }
    .navbar-toggleable-xs .navbar-right .dropdown.open > .dropdown-menu { width: 100%; left: auto; right: auto; top: auto; position: relative; float: none; box-shadow: none; border-radius: 0 }
}
.app-aside { float: left; width: 220px; overflow-x: hidden }
.app-aside:after { content: ' '; position: absolute; width: inherit; top: 0; bottom: 0; z-index: -1; background-color: inherit; border: inherit }
.app-content { margin-left: 220px; position: relative; height: 100%; background-color: #f5f5f5 }
.app-content-view { will-change: transform3d }
.app-footer, .nav-pusher { margin-left: 220px }
@media (max-width: 991px) {
    .app-header .navbar-header { width: auto !important; height: auto !important }
}
@media (max-width: 767px) {
    .app-aside { display: none }
    .app-content, .app-footer, .nav-pusher { margin-left: 0 }
    .app-header .navbar-collapse .navbar-nav > li > a > .txt { margin-left: 10px }
    .app-header .navbar-collapse .navbar-nav > li > a > .badge { top: 10px; left: auto; right: 10px; font-size: 14px }
    .app-header .navbar-collapse .navbar-nav > li > a > i { font-size: 14px !important }
    .app-header .navbar-collapse .navbar-nav > li.nav-item { float: none }
    .app-header .navbar-collapse .navbar-nav > li .dropdown-menu { width: 100% !important }
    .app-header .navbar-collapse .navbar-nav > li .dropdown-menu .simple-list { height: auto }
    .app-header .navbar-header { float: none }
    .app-header .navbar-header .navbar-brand { position: relative !important; width: auto !important; text-align: center !important; background-color: transparent !important; border-color: transparent !important }
    .app-header .navbar-header .navbar-brand:after { display: none !important }
    .app-header .navbar-collapse { border-right: none; width: auto; height: auto; max-height: 340px }
    .app-header .navbar-collapse .navbar-nav > li > a { border-right: none; border-bottom: 1px solid #d9d9d9 }
    .app-header .navbar-collapse .navbar-right > li > a { border-left: none }
    .app-quickview .app-quickview-wrapper { width: 100%; overflow-y: auto }
}
@media (min-width: 768px) {
    body.app-layout-application { overflow-y: hidden }
    body.app-layout-application .app { height: auto; min-height: 100%; position: relative; padding-top: 0 }
    body.app-layout-application .app .app-content { position: absolute; top: 41px; bottom: 0; height: auto; left: 0; right: 0; overflow-x: hidden; overflow-y: hidden }
    body.app-layout-application.app-footer-fixed .app .app-content { bottom: 41px }
    .app-wrapper.container { width: 750px }
    .navbar-right { float: right !important }
    .navbar-collapse { width: auto; border-top: 0; box-shadow: none }
    .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important }
    .app-wrapper.container .app-header { max-width: 750px }
    .app-wrapper.container .app-footer { max-width: 750px }
}
@media (min-width: 992px) {
    .app-wrapper.container { width: 970px }
    .app-wrapper.container .app-header { max-width: 970px }
    .app-wrapper.container .app-footer { max-width: 970px }
}
@media (min-width: 1200px) {
    .app-wrapper.container { width: 1170px }
    .app-wrapper.container .app-header { max-width: 1170px }
    .app-wrapper.container .app-footer { max-width: 1170px }
}
/* main sidebar styles */

.nav.main-nav { background-color: #ddeefb }
.nav.main-nav span { display: block }
.nav.main-nav .nav-children > li > a:hover { background-color: #cae8fb }
.nav.main-nav li.divider { border-color: #c7dcea }
.nav.main-nav li.active > a { background-color: #cae8fb; color: #007aff; border-color: #b1dbf9 }
.nav.main-nav li.opened > a { background-color: #d4e9fa }
.nav.main-nav a { border: 1px solid transparent; border-width: 1px 0 1px 0; display: block }
.nav.main-nav a:hover { text-decoration: none }
.nav.main-nav a, .nav.main-nav a:hover > span, .nav.main-nav i { transition: background-color .1s ease-in-out 0s }
.nav.main-nav li { position: relative }
.nav.main-nav li.opened > .nav-children { display: block }
.nav.main-nav li > a > span > i { -webkit-transition: transform .2s; -o-transition: transform .2s; transition: transform .2s }
.nav.main-nav li.opened > a > span > i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }
.nav.main-nav li.divider { margin: 4px 0; padding: 4px 0; border-bottom: 1px solid transparent }
.nav.main-nav li.text-wrapper { margin: 0 16px; padding: 6px 0 4px 0; text-transform: uppercase; font-size: 12px }
.nav.main-nav li > a { padding: 0; position: relative }
.nav.main-nav li > a:hover { background-color: #d4e9fa; color: #007aff }
.nav.main-nav li > a:focus { background-color: transparent }
.nav.main-nav li > a > i { color: #454648; background-color: #b4d9f6; float: left; margin: 7px 0 0 7px; padding: 3px; border-radius: 5px; text-align: center; width: 30px; height: 30px; line-height: inherit }
.nav.main-nav li > a > .badge { top: 2px; left: 35px; z-index: 2; min-width: 15px; min-height: 15px; opacity: .7 }
.nav.main-nav li > a span { padding-right: 15px; margin-left: 55px; height: 45px; line-height: 45px }
.nav.main-nav li > a span > .nav-arrow { height: inherit; line-height: inherit; float: right }
.nav.main-nav li.active > a { cursor: default }
.nav.main-nav li.active > a:before { content: ''; position: absolute; top: -1px; height: 1px; left: 0; right: 0 }
.nav.main-nav li.active > a:after { content: ''; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; z-index: 1 }
.nav.main-nav li.active > a span:before { content: ''; position: absolute; top: -1px; height: 1px; left: 0; right: 0 }
.nav.main-nav li .fix-border-top:after { width: 100% }
.nav.main-nav.nav-children { display: none }
.nav.main-nav.nav-children li > a { font-size: .9375rem }
.nav.main-nav.nav-children li > a span { height: 40px; line-height: 40px }
.nav.main-nav.nav-children li > a span > .nav-arrow { top: 9px }
.nav.main-nav.nav-children li > a > i { background-color: transparent }
.nav.main-nav.nav-children li.fold-header { display: none; font-size: 1rem }
.nav.main-nav.nav-children li:nth-child(15) { -webkit-animation: qb 1.08s ease-in; animation: qb 1.08s ease-in }
.nav.main-nav.nav-children li:nth-child(14) { -webkit-animation: qb 1.01s ease-in; animation: qb 1.01s ease-in }
.nav.main-nav.nav-children li:nth-child(13) { -webkit-animation: qb .94s ease-in; animation: qb .94s ease-in }
.nav.main-nav.nav-children li:nth-child(12) { -webkit-animation: qb .87s ease-in; animation: qb .87s ease-in }
.nav.main-nav.nav-children li:nth-child(11) { -webkit-animation: qb .8s ease-in; animation: qb .8s ease-in }
.nav.main-nav.nav-children li:nth-child(10) { -webkit-animation: qb .73s ease-in; animation: qb .73s ease-in }
.nav.main-nav.nav-children li:nth-child(9) { -webkit-animation: qb .66s ease-in; animation: qb .66s ease-in }
.nav.main-nav.nav-children li:nth-child(8) { -webkit-animation: qb .59s ease-in; animation: qb .59s ease-in }
.nav.main-nav.nav-children li:nth-child(7) { -webkit-animation: qb .52s ease-in; animation: qb .52s ease-in }
.nav.main-nav.nav-children li:nth-child(6) { -webkit-animation: qb .45s ease-in; animation: qb .45s ease-in }
.nav.main-nav.nav-children li:nth-child(5) { -webkit-animation: qb .38s ease-in; animation: qb .38s ease-in }
.nav.main-nav.nav-children li:nth-child(4) { -webkit-animation: qb .31s ease-in; animation: qb .31s ease-in }
.nav.main-nav.nav-children li:nth-child(3) { -webkit-animation: qb .24s ease-in; animation: qb .24s ease-in }
.nav.main-nav.nav-children li:nth-child(2) { -webkit-animation: qb .17s ease-in; animation: qb .17s ease-in }
.nav.main-nav.nav-children li:nth-child(1) { -webkit-animation: qb .1s ease-in; animation: qb .1s ease-in }
@media (min-width: 768px) {
    body.app-aside-fixed .app-aside { position: fixed; top: 40px; bottom: 0; overflow-y: auto; z-index: 14 }
    body.app-aside-fixed .app-header .navbar-header { width: 220px; height: 40px }
    body.app-aside-fixed .app-header .navbar-header .navbar-brand { position: fixed; top: 0; left: 0 }
    body.app-aside-fixed .app-wrapper { /* box layout case - left:auto */ }
    body.app-aside-fixed .app-wrapper.container .navbar-header .navbar-brand { left: auto }
    body.app-aside-fixed .app-wrapper.app-content-boxed > .app-content > div { max-width: 1100px; margin: auto }
    body.app-aside-fixed.app-header-fixed .navbar-header .navbar-brand { position: relative; top: auto; left: auto }
    body.app-aside-fixed.app-aside-folded .app-header .navbar-header { width: 51px; height: 40px }
    body.app-aside-fixed.app-aside-folded .app-aside { overflow-y: visible; overflow-x: visible; float: none }
    body.app-aside-fixed.app-aside-folded .app-aside .nav-children > li > a > i { display: none }
    body.app-aside-fixed.app-aside-folded .app-aside .aside-wrapper { position: fixed; top: 41px; bottom: 0; left: auto; z-index: 1000; width: 199px; overflow: hidden }
    body.app-aside-fixed.app-aside-folded .app-aside .nav-wrapper { height: 100%; overflow-x: hidden; overflow-y: scroll; width: 71px }
}
@media (min-width: 544px) {
    body.app-aside-folded .app-wrapper.container .app-aside .nav-wrapper > .main-nav > li:hover > .nav-children { margin-left: 50px; position: absolute; left: auto !important; top: auto; margin-top: -40px }
    body.app-aside-folded .app-aside { overflow-x: visible; width: 51px }
    body.app-aside-folded .app-aside .aside-wrapper { width: 50px }
    body.app-aside-folded .app-wrapper .app-content, body.app-aside-folded .app-wrapper .app-footer, body.app-aside-folded .nav-pusher { margin-left: 51px }
}
@media (min-width: 544px) and (max-width: 33.9em) {
    body.app-aside-folded .app-wrapper .app-content, body.app-aside-folded .app-wrapper .app-footer { margin-left: 0 }
}
@media (min-width: 544px) {
    body.app-aside-folded .navbar-header > .navbar-brand { height: 40px; width: 51px }
    body.app-aside-folded .navbar-header > .navbar-brand img.normal-logo { display: none }
    body.app-aside-folded .navbar-header > .navbar-brand img.xs-logo { display: none }
    body.app-aside-folded .navbar-header > .navbar-brand img.folded-logo { display: inline-block }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > a { height: 40px }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > a > span { display: none }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > a > span .nav-arrow { display: none !important }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > a > i { margin: 4px 0 0 9px }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > .nav-children { display: none }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li.opened > .nav-children { display: none }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li:hover .nav-children { display: block; position: absolute; left: 100%; top: -1px; z-index: 20; width: 200px; max-height: 800px; overflow-y: hidden }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li:hover .nav-children li a span { margin-left: 38px; height: 35px; line-height: 35px }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li:hover .nav-children li a i { margin: 4px 0 0 4px }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li:hover .nav-children li.fold-header { display: block }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li:hover .nav-children li.fold-header a { font-size: 1rem }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li:hover .nav-children li.fold-header a span { margin-left: 8px; height: 38px !important; line-height: 38px !important }
    body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li:hover .nav-children li:last-child a span :after { background-color: transparent !important }
    body.app-aside-folded.app-aside-fixed .app-aside { z-index: 17 }
    body.app-aside-folded .app-aside li.text-wrapper { display: none }
    body.app-aside-folded .app-aside > .nav-children { position: absolute; left: 50px; width: 200px; top: -40px; display: block !important; overflow-y: auto }
    body.app-aside-folded .app-aside > .nav-children > li > a > i { left: 0 }
    body.app-aside-folded .app-aside > .nav-children > li > a > div { display: block; margin-left: 20px !important }
    body.app-aside-folded .app-aside > .nav-children > li.fold-header { display: block !important }
    body.app-aside-folded .app-aside > .nav-children > li.fold-header > a { height: 40px; font-size: 14px }
    body.app-aside-folded .app-aside > .nav-children > li.fold-header > a > div { margin-left: 0 !important; height: 40px; padding: 10px 10px 10px 3px }
    body.app-aside-folded .app-aside > .nav-children > li:last-child a span :after { background-color: transparent !important }
}
@media (min-width: 768px) {
    body.app-aside-hover .app-content, body.app-aside-hover .app-footer { margin-left: 51px }
}
@media (min-width: 768px) and (max-width: 33.9em) {
    body.app-aside-hover .app-content, body.app-aside-hover .app-footer { margin-left: 0 }
}
@media (min-width: 768px) {
    body.app-aside-hover .app-header .navbar-brand { background-color: #fbfbfb; border-color: transparent }
    body.app-aside-hover .app-aside { width: 51px; position: fixed; top: 41px; bottom: 0; overflow-y: hidden; overflow-x: hidden; z-index: 15; float: none }
    body.app-aside-hover .app-aside .nav-wrapper > .main-nav > li > a { height: 40px }
    body.app-aside-hover .app-aside .nav-wrapper > .main-nav > li > a > span { display: none }
    body.app-aside-hover .app-aside .nav-wrapper > .main-nav > li > a > span .nav-arrow { display: none }
    body.app-aside-hover .app-aside .nav-wrapper > .main-nav > li > a > i { left: 10px }
    body.app-aside-hover .app-aside .nav-wrapper > .main-nav > li > .nav-children { display: none }
    body.app-aside-hover .app-aside .nav-wrapper > .main-nav > li.opened > .nav-children { display: none }
    body.app-aside-hover .app-aside .nav-wrapper > .main-nav > li.text-wrapper { display: none }
    body.app-aside-hover .app-aside:hover { width: 220px; overflow-y: auto }
    body.app-aside-hover .app-aside:hover .nav-wrapper > .main-nav > li > a { height: auto }
    body.app-aside-hover .app-aside:hover .nav-wrapper > .main-nav > li > a > span { display: block }
    body.app-aside-hover .app-aside:hover .nav-wrapper > .main-nav > li > a > span .nav-arrow { display: block }
    body.app-aside-hover .app-aside:hover .nav-wrapper > .main-nav > li.opened > .nav-children { display: block }
    body.app-aside-hover .app-aside:hover .nav-wrapper > .main-nav > li.text-wrapper, body.app-aside-hover .app-aside:hover .nav-wrapper > .main-nav > li.divider { display: block }
}
.app-aside > .nav-children > li > .nav-children > li > a > span { margin-left: 35px }
.app-aside > .nav-children > li > .nav-children > li > .nav-children > li > a > span { margin-left: 45px }
.app-aside .nav-wrapper > .main-nav > li > .nav-children > li > .nav-children > li > a > span { margin-left: 65px }
.app-aside .nav-wrapper > .main-nav > li > .nav-children > li > .nav-children > li > .nav-children > li > a > span { margin-left: 75px }
body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > .nav-children > li > .nav-children { display: none; position: relative !important; left: auto; top: auto; width: auto; margin-top: 0 }
body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > .nav-children > li > .nav-children > li > a > span { margin-left: 45px }
body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > .nav-children > li > .nav-children > li > .nav-children { display: none; position: relative !important; top: auto; left: auto; width: auto; margin-top: 0 }
body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > .nav-children > li > .nav-children > li > .nav-children > li > a > span { margin-left: 55px }
body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > .nav-children > li > .nav-children > li.opened > .nav-children { display: block !important }
body.app-aside-folded .app-aside .nav-wrapper > .main-nav > li > .nav-children > li.opened > .nav-children { display: block !important }
/* xs screen - override styles */
@media (max-width: 767px) {
    body.app-aside-show { overflow: hidden }
    body.app-aside-show .app-aside { position: fixed; top: 41px; bottom: 0; width: 220px; display: block !important; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 18 }
    body.app-aside-show .app-content { backface-visibility: hidden }
}
body.app-footer-fixed .app-wrapper { padding-bottom: 41px }
body.app-footer-fixed .app-wrapper.container .app-footer { margin-left: 0 }
body.app-footer-fixed .app-wrapper.container .app-aside { margin-bottom: 41px }
body.app-footer-fixed .app-footer { border-top: 1px solid #c5c5c5; position: fixed; bottom: 0; right: 0; left: 0; z-index: 20; background-color: #fbfbfb }
body.app-header-fixed .app-wrapper { padding-top: 40px }
body.app-header-fixed .app-header { position: fixed; top: 0; width: 100%; z-index: 16 }
@media (max-width: 543px) {
    .navbar-toggleable-xs .navbar-right { float: none }
    .navbar-toggleable-xs .navbar-right > li { float: none; display: block }
    .navbar-toggleable-xs .navbar-right .dropdown.open > .dropdown-menu { width: 100%; left: auto; right: auto; top: auto; position: relative; float: none; box-shadow: none; border-radius: 0 }
}
#app-preloader { background: #fff url('../img/logos/logo.png') no-repeat center; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99 }
body.preloader #app-preloader { display: block }
body.preloader { overflow: hidden }
#app-settings-demo { position: fixed; top: 90px; right: 0; background-color: #fff; z-index: 15; border: 1px solid #007aff; border-right-width: 0; width: 200px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); transition: right .4s ease-in-out }
#app-settings-demo > .btn { position: absolute; top: -1px; left: -44px; padding: 10px 15px; background: #f9fafa !important; border-color: #007aff; border-right-width: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px }
#app-settings-demo > .list-header { background: #f9fafa !important; padding: 8px 15px; margin: 0 }
#app-settings-demo.closed { right: -200px }
body.scheme-dark { color: #868ea0 !important; background-color: #21252d }
body.scheme-dark, body.scheme-dark .app-content { background-color: #21252d }
body.scheme-dark .panel { background-color: #2b303b }
body.scheme-dark .form-control { background-color: hsla(0, 0%, 100%, .1); border-color: hsla(210, 8%, 51%, .2) }
body.scheme-dark .form-control { background-color: rgba(255, 255, 255, .1); border-color: rgba(120, 130, 140, .2) }
body.scheme-dark .app-content { background-color: #21252d }
body.scheme-dark .bg-white { background-color: #2b303b }
body.scheme-dark .panel { background-color: #2b303b; border-color: #21252d }
body.scheme-dark .panel .panel-footer, body.scheme-dark .panel .panel-heading { border-color: #21252d; background-color: transparent }
body.scheme-dark .b-r-l, body.scheme-dark .b-b-l, body.scheme-dark .b-r-l, body.scheme-dark .b-t-l, body.scheme-dark .b-b-r, body.scheme-dark .b-b-l, body.scheme-dark .b-b-t, body.scheme-dark .b-b-b { border-color: #21252d !important }
.bg-themeBlue { background-color: #ddeefb }
.text-themeBlue { color: #ddeefb }
body.themeBlue .app-header .navbar-brand { background-color: #ddeefb; border-right: 1px solid #bad0df }
body.themeBlue .app-aside { border-right: 1px solid #bad0df; background-color: #ddeefb }
body.themeBlue .app-aside .app-nav-caret { background-color: #ddeefb }
body.themeBlue .app-header { background-color: #fbfbfb }
body.themeBlue .main-nav { background-color: #ddeefb }
body.themeBlue .main-nav .nav-children { background-color: #d4e9fa }
body.themeBlue .main-nav .nav-children > li > a:hover { background-color: #cae8fb }
body.themeBlue .main-nav li > a { color: #454648 }
body.themeBlue .main-nav li > a > i { color: #454648; background-color: #b4d9f6 }
body.themeBlue .main-nav li > a div > .nav-arrow { color: #454648 }
body.themeBlue .main-nav li > a:hover { background-color: #d4e9fa; color: #007aff }
body.themeBlue .main-nav li > a:hover div > i, body.themeBlue .main-nav li > a:hover i { color: #007aff }
body.themeBlue .main-nav li.divider { border-color: #c7dcea }
body.themeBlue .main-nav li.active > a { background-color: #cae8fb; color: #007aff; border-color: #b1dbf9 }
body.themeBlue .main-nav li.active > a > i, body.themeBlue .main-nav li.active > a div > i { color: #007aff }
body.themeBlue .main-nav li.active > a div:before { background-color: transparent }
body.themeBlue .main-nav li.opened > a { background-color: #d4e9fa }
body.themeBlue .main-nav li.opened > a div, body.themeBlue .main-nav li.opened > a i, body.themeBlue .main-nav li.opened > a span { color: #007aff }
body.themeBlue.app-aside-folded .app-aside .nav-children,
body.themeBlue.app-aside-folded .main-nav > li > .nav-children { border: 1px solid #bad0df }
.bg-themeGrey { background-color: #e4e6e8 }
.text-themeGrey { color: #e4e6e8 }
body.themeGrey .app-header .navbar-brand { background-color: #e4e6e8; border-right: 1px solid #c2c4c5 }
body.themeGrey .app-aside { border-right: 1px solid #c2c4c5; background-color: #e4e6e8 }
body.themeGrey .app-aside .app-nav-caret { background-color: #e4e6e8 }
body.themeGrey .app-header { background-color: #fbfbfb }
body.themeGrey .main-nav { background-color: #e4e6e8 }
body.themeGrey .main-nav .nav-children { background-color: #dee1e3 }
body.themeGrey .main-nav .nav-children > li > a:hover { background-color: #d6d8db }
body.themeGrey .main-nav li > a { color: #464747 }
body.themeGrey .main-nav li > a > i { color: #464747; background-color: #cbcfd3 }
body.themeGrey .main-nav li > a div > .nav-arrow { color: #464747 }
body.themeGrey .main-nav li > a:hover { background-color: #dee1e3; color: #000 }
body.themeGrey .main-nav li > a:hover div > i, body.themeGrey .main-nav li > a:hover i { color: #000 }
body.themeGrey .main-nav li.divider { border-color: #d2d2d2 }
body.themeGrey .main-nav li.active > a { background-color: #d6d8db; color: #000; border-color: #d0d0d0 }
body.themeGrey .main-nav li.active > a > i, body.themeGrey .main-nav li.active > a div > i { color: #000 }
body.themeGrey .main-nav li.active > a div:before { background-color: transparent }
body.themeGrey .main-nav li.opened > a { background-color: #dee1e3 }
body.themeGrey .main-nav li.opened > a div, body.themeGrey .main-nav li.opened > a i, body.themeGrey .main-nav li.opened > a span { color: #000 }
body.themeGrey.app-aside-folded .app-aside .nav-children,
body.themeGrey.app-aside-folded > .main-nav > li > .nav-children { border: 1px solid #c2c4c5 }
.bg-themeBrown { background-color: #eae4d8 }
.text-themeBrown { color: #eae4d8 }
body.themeBrown .app-header .navbar-brand { background-color: #eae4d8; border-right: 1px solid #c5c0b6 }
body.themeBrown .app-aside { border-right: 1px solid #c5c0b6; background-color: #eae4d8 }
body.themeBrown .app-aside .app-nav-caret { background-color: #eae4d8 }
body.themeBrown .app-header { background-color: #fbfbfb }
body.themeBrown .main-nav { background-color: #eae4d8 }
body.themeBrown .main-nav .nav-children { background-color: #e6dfd1 }
body.themeBrown .main-nav .nav-children > li > a:hover { background-color: #dad2c5 }
body.themeBrown .main-nav li > a { color: #68667b }
body.themeBrown .main-nav li > a > i { color: #68667b; background-color: #c5c0b6 }
body.themeBrown .main-nav li > a div > .nav-arrow { color: #68667b }
body.themeBrown .main-nav li > a:hover { background-color: #e6dfd1; color: #252525 }
body.themeBrown .main-nav li > a:hover div > i, body.themeBrown .main-nav li > a:hover i { color: #252525 }
body.themeBrown .main-nav li.divider { border-color: #dbd0ba }
body.themeBrown .main-nav li.active > a { background-color: #dad2c5; color: #252525; border-color: #d0c9bd }
body.themeBrown .main-nav li.active > a > i, body.themeBrown .main-nav li.active > a div > i { color: #252525 }
body.themeBrown .main-nav li.active > a div:before { background-color: transparent }
body.themeBrown .main-nav li.opened > a { background-color: #e6dfd1 }
body.themeBrown .main-nav li.opened > a div, body.themeBrown .main-nav li.opened > a i, body.themeBrown .main-nav li.opened > a span { color: #252525 }
body.themeBrown.app-aside-folded .app-aside .nav-children, body.themePink.app-aside-folded > .main-nav > li > .nav-children { border: 1px solid #c5c0b6 }
.bg-themeDark { background-color: #2b303b }
.text-themeDark { color: #2b303b }
body.themeDark .app-header .navbar-brand { background-color: #2b303b; border-right: 1px solid #2d2d2b }
body.themeDark .app-aside { border-right: 1px solid #2d2d2b; background-color: #2b303b }
body.themeDark .app-aside .app-nav-caret { background-color: #2b303b }
body.themeDark .app-header { background-color: #fbfbfb }
body.themeDark .main-nav { background-color: #2b303b }
body.themeDark .main-nav .nav-children { background-color: #272b35 }
body.themeDark .main-nav .nav-children > li > a:hover { background-color: #21252d }
body.themeDark .main-nav li > a { color: #868ea0 }
body.themeDark .main-nav li > a > i { color: #868ea0; background-color: #181a20 }
body.themeDark .main-nav li > a div > .nav-arrow { color: #868ea0 }
body.themeDark .main-nav li > a:hover { background-color: #272b35; color: #f1f1f1 }
body.themeDark .main-nav li > a:hover div > i, body.themeDark .main-nav li > a:hover i { color: #f1f1f1 }
body.themeDark .main-nav li.divider { border-color: #21252d }
body.themeDark .main-nav li.active > a { background-color: #21252d; color: #fff; border-color: #21252d }
body.themeDark .main-nav li.active > a > i { color: #fff }
body.themeDark .main-nav li.active > a div > i { color: #f1f1f1 }
body.themeDark .main-nav li.active > a div:before { background-color: transparent }
body.themeDark .main-nav li.opened > a { background-color: #272b35 }
body.themeDark .main-nav li.opened > a div, body.themeDark .main-nav li.opened > a i, body.themeDark .main-nav li.opened > a span { color: #fff }
body.themeDark.app-aside-folded .app-aside .nav-children, body.themeDark.app-aside-folded > .main-nav > li > .nav-children { border: 1px solid #2d2d2b }
.bg-themePink { background-color: #fb9a89 }
.text-themePink { color: #fb9a89 }
body.themePink .app-header .navbar-brand { background-color: #fb9a89; border-right: 1px solid #dd7189 }
body.themePink .app-aside { border-right: 1px solid #dd7189; background-color: #fb9a89 }
body.themePink .app-aside .app-nav-caret { background-color: #fb9a89 }
body.themePink .app-header { background-color: #fbfbfb }
body.themePink .main-nav { background-color: #fb9a89 }
body.themePink .main-nav .nav-children { background-color: #fda293 }
body.themePink .main-nav .nav-children > li > a:hover { background-color: #d68475 }
body.themePink .main-nav li > a { color: #494c4e }
body.themePink .main-nav li > a > i { color: #494c4e; background-color: #e18a7b }
body.themePink .main-nav li > a div > .nav-arrow { color: #494c4e }
body.themePink .main-nav li > a:hover { background-color: #fda293; color: #111 }
body.themePink .main-nav li > a:hover div > i, body.themePink .main-nav li > a:hover i { color: #111 }
body.themePink .main-nav li.divider { border-color: #e79080 }
body.themePink .main-nav li.active > a { background-color: #d68475; color: #111; border-color: #c5796c }
body.themePink .main-nav li.active > a > i, body.themePink .main-nav li.active > a div > i { color: #111 }
body.themePink .main-nav li.active > a div:before { background-color: transparent }
body.themePink .main-nav li.opened > a { background-color: #fda293 }
body.themePink .main-nav li.opened > a div, body.themePink .main-nav li.opened > a i, body.themePink .main-nav li.opened > a span { color: #111 }
body.themePink.app-aside-folded .app-aside .nav-children, body.themePink.app-aside-folded > .main-nav > li > .nav-children { border: 1px solid #dd7189 }
.bg-themeWhite { background-color: #fff }
.text-themeWhite { color: #fff }
body.themeWhite .app-header .navbar-brand { background-color: #fff; border-right: 1px solid #d5d5d5 }
body.themeWhite .app-aside { border-right: 1px solid #e5e5e5; background-color: #fff }
body.themeWhite .app-aside .app-nav-caret { background-color: #fff }
body.themeWhite .app-header { background-color: #fbfbfb }
body.themeWhite .main-nav { background-color: #fff }
body.themeWhite .main-nav .nav-children { background-color: #f7f7f7 }
body.themeWhite .main-nav .nav-children > li > a:hover { background-color: #dde0e5 }
body.themeWhite .main-nav li > a { color: #454648 }
body.themeWhite .main-nav li > a > i { color: #454648; background-color: #eee }
body.themeWhite .main-nav li > a div > .nav-arrow { color: #454648 }
body.themeWhite .main-nav li > a:hover { background-color: #f7f7f7; color: #007aff }
body.themeWhite .main-nav li > a:hover div > i, body.themeWhite .main-nav li > a:hover i { color: #007aff }
body.themeWhite .main-nav li.divider { border-color: #eee }
body.themeWhite .main-nav li.active > a { background-color: #dde0e5; color: #007aff; border-color: #d0d0d0 }
body.themeWhite .main-nav li.active > a > i, body.themeWhite .main-nav li.active > a div > i { color: #007aff }
body.themeWhite .main-nav li.active > a div:before { background-color: transparent }
body.themeWhite .main-nav li.opened > a { background-color: #f7f7f7 }
body.themeWhite .main-nav li.opened > a div, body.themeWhite .main-nav li.opened > a i, body.themeWhite .main-nav li.opened > a span { color: #007aff }
body.themeWhite.app-aside-folded .app-aside .nav-children, body.themeWhite.app-aside-folded > .main-nav > li > .nav-children { border: 1px solid #d5d5d5 }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 500px white inset }
/* MATERIAL DESIGN RIPPLE */
.ripple-wrapper { display: block; position: absolute; margin: 0 !important; background: rgba(0, 0, 0, .1); border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.ripple-wrapper.animated { animation: ripple .65s linear; -webkit-animation: ripple .65s linear; -moz-animation: ripple .65s linear; -o-animation: ripple .65s linear }
.has-ripple { overflow: hidden; position: relative; user-select: none; outline: none }
@-webkit-keyframes ripple {
    100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0 }
}
@-moz-keyframes ripple {
    100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0 }
}
@-o-keyframes ripple {
    100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0 }
}
@keyframes ripple {
    100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0 }
}
@-webkit-keyframes qb {
    0% { opacity: 0; transform: translate(-20px) }
    to { opacity: 1; transform: translate(0) }
}
@keyframes qb {
    0% { opacity: 0; transform: translate(-20px) }
    to { opacity: 1; transform: translate(0) }
}
/* ---------------------------------------------------------------------- */
/*  Animations
/* ---------------------------------------------------------------------- */
@-webkit-keyframes fadeOutUpShort {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) }
}
@keyframes fadeOutUpShort {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) }
}
@-webkit-keyframes fadeInUpShort {
    0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUpShort {
    0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) }
    100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-webkit-keyframes heart-pulse {
    0% { color: #a51919 }
    90% { color: rgba(255, 0, 0, 0) }
    100% { color: red }
}
@-moz-keyframes heart-pulse {
    0% { color: #a51919 }
    90% { color: rgba(255, 0, 0, 0) }
    100% { color: red }
}
@-ms-keyframes heart-pulse {
    0% { color: #a51919 }
    90% { color: rgba(255, 0, 0, 0) }
    100% { color: red }
}
@keyframes heart-pulse {
    0% { color: #a51919 }
    90% { color: rgba(255, 0, 0, 0) }
    100% { color: red }
}
@-webkit-keyframes expand {
    0% { -webkit-transform: scale3d(1, 0, 1) }
    25% { -webkit-transform: scale3d(1, 1.2, 1) }
    50% { -webkit-transform: scale3d(1, .85, 1) }
    75% { -webkit-transform: scale3d(1, 1.05, 1) }
    100% { -webkit-transform: scale3d(1, 1, 1) }
}
@keyframes expand {
    0% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1) }
    25% { -webkit-transform: scale3d(1, 1.2, 1); transform: scale3d(1, 1.2, 1) }
    50% { -webkit-transform: scale3d(1, .85, 1); transform: scale3d(1, .85, 1) }
    75% { -webkit-transform: scale3d(1, 1.05, 1); transform: scale3d(1, 1.05, 1) }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@-webkit-keyframes bounce {
    0% { -webkit-transform: translate3d(0, -25px, 0); opacity: 0 }
    25% { -webkit-transform: translate3d(0, 10px, 0) }
    50% { -webkit-transform: translate3d(0, -6px, 0) }
    75% { -webkit-transform: translate3d(0, 2px, 0) }
    100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes bounce {
    0% { -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); opacity: 0 }
    25% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) }
    50% { -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0) }
    75% { -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0) }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@-webkit-keyframes scaleIn {
    0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8) }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes scaleIn {
    0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8) }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
@-webkit-keyframes scaleOut {
    0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
    100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9) }
}
@keyframes scaleOut {
    0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
    100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9) }
}
.fade-in.ng-enter { -webkit-animation: fadeIn .5s; animation: fadeIn .5s }
.fade-in.ng-leave { -webkit-animation: fadeOut .5s; animation: fadeOut .5s }
.fade-in-up.ng-enter { -webkit-animation: fadeInUpShort .8s; animation: fadeInUpShort .8s }
.fade-in-up.ng-leave { -webkit-animation: fadeOutUpShort .8s; animation: fadeOutUpShort .8s }
.fade-in-up-big.ng-enter { -webkit-animation: fadeInUpBig .5s; animation: fadeInUpBig .5s }
.fade-in-up-big.ng-leave { -webkit-animation: fadeOutUpBig .5s; animation: fadeOutUpBig .5s }
.fade-in-right.ng-enter { -webkit-animation: fadeInRight .5s; animation: fadeInRight .5s }
.fade-in-right.ng-leave { -webkit-animation: fadeOutLeft .5s; animation: fadeOutLeft .5s }
.fade-in-right-big.ng-enter { -webkit-animation: fadeInRightBig .5s; animation: fadeInRightBig .5s }
.fade-in-right-big.ng-leave { -webkit-animation: fadeOutLeftBig .5s; animation: fadeOutLeftBig .5s }
.fade-in-down.ng-enter { -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s }
.fade-in-down.ng-leave { -webkit-animation: fadeOutDown .5s; animation: fadeOutDown .5s }
.fade-in-down-big.ng-enter { -webkit-animation: fadeInDownBig .5s; animation: fadeInDownBig .5s }
.fade-in-down-big.ng-leave { -webkit-animation: fadeOutDownBig .5s; animation: fadeOutDownBig .5s }
.fade-in-left.ng-enter { -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s }
.fade-in-left.ng-leave { -webkit-animation: fadeOutRight .5s; animation: fadeOutRight .5s }
.fade-in-left-big.ng-enter { -webkit-animation: fadeInLeftBig .5s; animation: fadeInLeftBig .5s }
.fade-in-left-big.ng-leave { -webkit-animation: fadeOutRightBig .5s; animation: fadeOutRightBig .5s }
.scale.ng-enter, .scale.in { -webkit-animation: scaleIn .5s; animation: scaleIn .5s }
.scale.ng-leave, .scale.out { -webkit-animation: scaleOut .5s; animation: scaleOut .5s }
.heart-pulse { -webkit-animation: heart-pulse 1s linear infinite; -moz-animation: heart-pulse 1s linear infinite; -ms-animation: heart-pulse 1s linear infinite; animation: heart-pulse 1s linear infinite }
.ng-animate { width: 100% !important; height: 100% !important }
.ng-animate.ng-leave { position: absolute; overflow: hidden }
.img-viewer { position: relative }
.img-viewer img { display: none; max-width: none; position: absolute; bottom: -130px; left: 110%; left: calc(100% + 10px); z-index: 17; box-shadow: 0 0 10px rgba(0, 0, 0, .45) }
.img-viewer:hover img, .img-viewer img:hover, .form-group > label, label.form-group { display: block }
.img-hover { position: relative; display: inline-block }
.img-mask { color: #fff !important; border-radius: .25rem .25rem 0 0; background: rgba(0, 0, 0, .3); width: 100%; padding: 10px; margin: 0; opacity: 0; visibility: hidden; text-align: center; position: absolute; transition: all .3s ease-in-out }
.img-mask.bottom { border-radius: 0 0 .25rem .25rem; bottom: 0 }
.img-mask:hover, .img-hover:hover .img-mask { opacity: 1; visibility: visible }
.img-mask:hover { background: rgba(0, 0, 0, .6) }
.img-mask:active { background: rgba(0, 0, 0, .8) }

.btn-play { width: 68px; background: rgba(0, 0, 0, .65); cursor: pointer; border-radius: 50%; height: 68px; display: block; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 2; user-select: none }
.btn-play .btn-play-ring { display: flex; position: absolute; justify-content: center; align-items: center;  top: 1px; right: 1px; bottom: 1px; left: 1px; border: 2px solid #fff; box-sizing: border-box; border-radius: 50% }
.btn-play .btn-play-ring:before, .btn-play .btn-play-ring:after { content: ''; background-color: #5cb85c; height: 45%; width: 11%; margin: 0 5px }
.btn-play.play .btn-play-ring:before { content: ''; border: 1rem solid transparent; border-left-color: #fff; position: absolute; margin: -1rem 0 0 -0.25rem; top: 50%; left: 50% }
.btn-play.play .btn-play-ring:before, .btn-play.play .btn-play-ring:after { background-color: transparent }